[WIKI-786] refactor: bubble menu #8138

apps/web/ce/hooks/use-editor-flagging.ts

@@ -19,6 +19,7 @@ export type TEditorFlaggingHookReturnType = {
 
 export type TEditorFlaggingHookProps = {
   workspaceSlug: string;
+  projectId?: string;
   storeType?: EPageStoreType;
 };
 

apps/web/core/components/editor/document/editor.tsx

@@ -56,7 +56,8 @@ export const DocumentEditor = forwardRef(function DocumentEditor(
   });
   // editor flaggings
   const { document: documentEditorExtensions } = useEditorFlagging({
-    workspaceSlug: workspaceSlug?.toString() ?? "",
+    workspaceSlug,
+    projectId,
   });
   // use editor mention
   const { fetchMentions } = useEditorMention({

apps/web/core/components/editor/lite-text/editor.tsx

@@ -81,7 +81,8 @@ export const LiteTextEditor = React.forwardRef(function LiteTextEditor(
   const [editorRef, setEditorRef] = useState<EditorRefApi | null>(null);
   // editor flaggings
   const { liteText: liteTextEditorExtensions } = useEditorFlagging({
-    workspaceSlug: workspaceSlug?.toString() ?? "",
+    workspaceSlug,
+    projectId,
   });
   // store hooks
   const { getUserDetails } = useMember();

apps/web/core/components/editor/rich-text/editor.tsx

@@ -50,7 +50,8 @@ export const RichTextEditor = forwardRef(function RichTextEditor(
   const { getUserDetails } = useMember();
   // editor flaggings
   const { richText: richTextEditorExtensions } = useEditorFlagging({
-    workspaceSlug: workspaceSlug?.toString() ?? "",
+    workspaceSlug,
+    projectId,
   });
   // use editor mention
   const { fetchMentions } = useEditorMention({

apps/web/core/components/editor/sticky-editor/editor.tsx

@@ -59,7 +59,8 @@ export const StickyEditor = React.forwardRef(function StickyEditor(
   const [isFocused, setIsFocused] = useState(showToolbarInitially);
   // editor flaggings
   const { liteText: liteTextEditorExtensions } = useEditorFlagging({
-    workspaceSlug: workspaceSlug?.toString() ?? "",
+    workspaceSlug,
+    projectId,
   });
   // parse content
   const { getEditorMetaData } = useParseEditorContent({

apps/web/core/components/pages/editor/editor-body.tsx

@@ -101,6 +101,7 @@ export const PageEditorBody = observer(function PageEditorBody(props: Props) {
   // editor flaggings
   const { document: documentEditorExtensions } = useEditorFlagging({
     workspaceSlug,
+    projectId,
     storeType,
   });
   // parse content