fix: searchTerm type error

apps/client/src/features/editor/components/fixed-toolbar/fixed-toolbar.module.css

@@ -6,7 +6,6 @@
   z-index: 99;
   display: flex;
   align-items: center;
-  min-height: 45px;
   background: var(--mantine-color-body);
   border-bottom: 1px solid
     light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));

apps/client/src/features/editor/components/fixed-toolbar/fixed-toolbar.tsx

@@ -31,6 +31,8 @@ export const FixedToolbar: FC<FixedToolbarProps> = ({
   const workspace = useAtomValue(workspaceAtom);
   const isGenerativeAiEnabled = workspace?.settings?.ai?.generative === true;
 
+  if (!editor || !state) return null;
+
   return (
     <>
       <div
@@ -47,26 +49,22 @@ export const FixedToolbar: FC<FixedToolbarProps> = ({
               <div className={classes.divider} />
             </>
           )} */}
-          {editor && state && (
-            <>
-              <BlockTypeGroup editor={editor} />
-              <div className={classes.divider} />
-              <InlineMarksGroup editor={editor} state={state} />
-              <div className={classes.divider} />
-              <ColorGroup editor={editor} />
-              <div className={classes.divider} />
-              <ListsGroup editor={editor} state={state} />
-              <div className={classes.divider} />
-              <AlignmentGroup editor={editor} />
-              <div className={classes.divider} />
-              <MediaGroup editor={editor} templateMode={templateMode} />
-              <div className={classes.divider} />
-              <QuickInsertsGroup editor={editor} />
-              <MoreInsertsGroup editor={editor} templateMode={templateMode} />
-              <div className={classes.divider} />
-              <HistoryGroup editor={editor} state={state} />
-            </>
-          )}
+          <BlockTypeGroup editor={editor} />
+          <div className={classes.divider} />
+          <InlineMarksGroup editor={editor} state={state} />
+          <div className={classes.divider} />
+          <ColorGroup editor={editor} />
+          <div className={classes.divider} />
+          <ListsGroup editor={editor} state={state} />
+          <div className={classes.divider} />
+          <AlignmentGroup editor={editor} />
+          <div className={classes.divider} />
+          <MediaGroup editor={editor} templateMode={templateMode} />
+          <div className={classes.divider} />
+          <QuickInsertsGroup editor={editor} />
+          <MoreInsertsGroup editor={editor} templateMode={templateMode} />
+          <div className={classes.divider} />
+          <HistoryGroup editor={editor} state={state} />
         </div>
       </div>
       <div className={classes.spacer} aria-hidden />

apps/client/src/features/editor/page-editor.tsx

@@ -2,7 +2,6 @@ import "@/features/editor/styles/index.css";
 import React, {
   useCallback,
   useEffect,
-  useLayoutEffect,
   useMemo,
   useRef,
   useState,
@@ -101,13 +100,11 @@ export default function PageEditor({
   const { pageSlug } = useParams();
   const slugId = extractPageSlugId(pageSlug);
   const [socket] = useState(getCollabSocket);
-  const hasCollabToken = !!collabQuery?.token;
 
   useEffect(() => {
-    if (!hasCollabToken) return;
     acquireCollabSocket();
     return () => releaseCollabSocket();
-  }, [hasCollabToken]);
+  }, []);
 
   const handleStateless = ({ payload }: onStatelessParameters) => {
     try {
@@ -325,16 +322,6 @@ function CollabPageEditor({
     [pageId, editable, extensions],
   );
 
-  useLayoutEffect(() => {
-    if (editor && !editor.isDestroyed) {
-      // @ts-ignore
-      setEditor(editor);
-      // @ts-ignore
-      editor.storage.pageId = pageId;
-      editorRef.current = editor;
-    }
-  }, [editor, pageId, setEditor]);
-
   const editorIsEditable = useEditorState({
     editor,
     selector: (ctx) => {