diff --git a/web/ee/components/pages/editor/page-root.tsx b/web/ee/components/pages/editor/page-root.tsx index c18c45a2c2..13f0a847fb 100644 --- a/web/ee/components/pages/editor/page-root.tsx +++ b/web/ee/components/pages/editor/page-root.tsx @@ -29,6 +29,7 @@ type TPageRootProps = { }; export const WorkspacePageRoot = observer((props: TPageRootProps) => { + const { workspaceSlug, page } = props; // states const [editorReady, setEditorReady] = useState(false); const [readOnlyEditorReady, setReadOnlyEditorReady] = useState(false); @@ -39,7 +40,6 @@ export const WorkspacePageRoot = observer((props: TPageRootProps) => { const readOnlyEditorRef = useRef(null); // router const router = useAppRouter(); - const { workspaceSlug, page } = props; // search params const searchParams = useSearchParams(); // store hooks diff --git a/web/ee/components/pages/version/editor.tsx b/web/ee/components/pages/version/editor.tsx index 6550ef1399..29e6725aee 100644 --- a/web/ee/components/pages/version/editor.tsx +++ b/web/ee/components/pages/version/editor.tsx @@ -9,37 +9,37 @@ import { Loader } from "@plane/ui"; // hooks import { useMember, useUser } from "@/hooks/store"; import { usePageFilters } from "@/hooks/use-page-filters"; +// plane web components +import { IssueEmbedCard } from "@/plane-web/components/pages"; // plane web hooks import { useWorkspacePageDetails } from "@/plane-web/hooks/store"; -import { useIssueEmbed } from "@/plane-web/hooks/use-issue-embed"; import { useWorkspaceMention } from "@/plane-web/hooks/use-workspace-mention"; type Props = { activeVersion: string | null; isCurrentVersionActive: boolean; + pageId: string; versionDetails: TPageVersion | undefined; }; export const PagesVersionEditor: React.FC = observer((props) => { - const { activeVersion, isCurrentVersionActive, versionDetails } = props; + const { activeVersion, isCurrentVersionActive, pageId, versionDetails } = props; // params - const { workspaceSlug, projectId, pageId } = useParams(); + const { workspaceSlug } = useParams(); // store hooks const { data: currentUser } = useUser(); const { getUserDetails, workspace: { workspaceMemberIds }, } = useMember(); - const { description_html } = useWorkspacePageDetails(pageId.toString() ?? ""); + const currentPageDetails = useWorkspacePageDetails(pageId); // derived values const workspaceMemberDetails = workspaceMemberIds?.map((id) => getUserDetails(id) as IUserLite); - // issue-embed - const { issueEmbedProps } = useIssueEmbed(workspaceSlug?.toString() ?? "", projectId?.toString() ?? ""); // use-mention const { mentionHighlights } = useWorkspaceMention({ workspaceSlug: workspaceSlug?.toString() ?? "", members: workspaceMemberDetails, - user: currentUser ?? undefined, + user: currentUser, }); // page filters const { fontSize, fontStyle } = usePageFilters(); @@ -94,7 +94,9 @@ export const PagesVersionEditor: React.FC = observer((props) => { return (

"} + initialValue={ + (isCurrentVersionActive ? currentPageDetails.description_html : versionDetails?.description_html) ?? "

" + } containerClassName="p-0 pb-64 border-none" displayConfig={displayConfig} editorClassName="pl-10" @@ -103,7 +105,13 @@ export const PagesVersionEditor: React.FC = observer((props) => { }} embedHandler={{ issue: { - widgetCallback: issueEmbedProps.widgetCallback, + widgetCallback: ({ issueId, projectId: projectIdFromEmbed, workspaceSlug: workspaceSlugFromEmbed }) => { + const resolvedProjectId = projectIdFromEmbed ?? ""; + const resolvedWorkspaceSlug = workspaceSlugFromEmbed ?? workspaceSlug?.toString() ?? ""; + return ( + + ); + }, }, }} />