chore: remove sticky header from publish template

src/components/editor/components/blocks/database/DatabaseBlock.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { Element } from 'slate';
 import { ReactEditor, useReadOnly, useSlateStatic } from 'slate-react';
 
-import { UIVariant, View, YDoc, YjsDatabaseKey, YjsEditorKey } from '@/application/types';
+import { View, YDoc, YjsDatabaseKey, YjsEditorKey } from '@/application/types';
 import { Database } from '@/components/database';
 import { DatabaseNode, EditorElementProps } from '@/components/editor/editor.type';
 import { useEditorContext } from '@/components/editor/EditorContext';
@@ -19,10 +19,8 @@ export const DatabaseBlock = memo(
     const navigateToView = context?.navigateToView;
     const loadView = context?.loadView;
     const createRowDoc = context?.createRowDoc;
-    const variant = context.variant;
 
     const [notFound, setNotFound] = useState(false);
-    const [showActions, setShowActions] = useState(false);
     const [doc, setDoc] = useState<YDoc | null>(null);
 
     useEffect(() => {
@@ -161,12 +159,7 @@ export const DatabaseBlock = memo(
 
     return (
       <>
-        <div
-          {...attributes}
-          contentEditable={readOnly ? false : undefined}
-          className={`relative w-full cursor-pointer`}
-        
-        >
+        <div {...attributes} contentEditable={readOnly ? false : undefined} className={`relative w-full cursor-pointer`}>
           <div ref={ref} className={'absolute left-0 top-0 h-full w-full caret-transparent'}>
             {children}
           </div>

src/components/publish/PublishLayout.tsx

@@ -1,33 +1,36 @@
 import { YDoc } from '@/application/types';
-import { useOutlineDrawer } from '@/components/_shared/outline/outline.hooks';
-import { AFScroller } from '@/components/_shared/scroller';
 import { PublishViewHeader } from '@/components/publish/header';
 import PublishMain from '@/components/publish/PublishMain';
 import SideBar from '@/components/publish/SideBar';
+import { useOutlineDrawer } from '@/components/_shared/outline/outline.hooks';
+import { AFScroller } from '@/components/_shared/scroller';
 
-function PublishLayout ({ isTemplateThumb, isTemplate, doc }: {
+function PublishLayout({
+  isTemplateThumb,
+  isTemplate,
+  doc,
+}: {
   isTemplateThumb: boolean;
   isTemplate: boolean;
   doc?: YDoc;
 }) {
-  const {
-    drawerOpened,
-    drawerWidth,
-    setDrawerWidth,
-    toggleOpenDrawer,
-  } = useOutlineDrawer();
+  const { drawerOpened, drawerWidth, setDrawerWidth, toggleOpenDrawer } = useOutlineDrawer();
 
   return (
     <div
       className={'h-screen w-screen'}
-      style={isTemplateThumb ? {
-        pointerEvents: 'none',
-        transform: 'scale(0.333)',
-        transformOrigin: '0 0',
-        width: '300vw',
-        height: '400vh',
-        overflow: 'hidden',
-      } : undefined}
+      style={
+        isTemplateThumb
+          ? {
+              pointerEvents: 'none',
+              transform: 'scale(0.333)',
+              transformOrigin: '0 0',
+              width: '300vw',
+              height: '400vh',
+              overflow: 'hidden',
+            }
+          : undefined
+      }
     >
       <AFScroller
         overflowXHidden
@@ -39,43 +42,44 @@ function PublishLayout ({ isTemplateThumb, isTemplate, doc }: {
         }}
         className={'appflowy-layout appflowy-scroll-container h-full'}
       >
-        {!isTemplate && <PublishViewHeader
-          onOpenDrawer={() => {
-            toggleOpenDrawer(true);
-          }}
-          drawerWidth={drawerWidth}
-          onCloseDrawer={() => {
-            toggleOpenDrawer(false);
-          }}
-          openDrawer={drawerOpened}
-        />}
-        <div
-          className={'sticky-header-overlay'}
-          style={{
-            width: '100%',
-            position: 'sticky',
-            top: 48,
-            left: 0,
-            right: 0,
-            zIndex: 50,
-          }}
-        />
-        <PublishMain
-          doc={doc}
-          isTemplate={isTemplate}
-        />
+        {!isTemplate && (
+          <PublishViewHeader
+            onOpenDrawer={() => {
+              toggleOpenDrawer(true);
+            }}
+            drawerWidth={drawerWidth}
+            onCloseDrawer={() => {
+              toggleOpenDrawer(false);
+            }}
+            openDrawer={drawerOpened}
+          />
+        )}
+        {!isTemplate && (
+          <div
+            className={'sticky-header-overlay'}
+            style={{
+              width: '100%',
+              position: 'sticky',
+              top: 48,
+              left: 0,
+              right: 0,
+              zIndex: 50,
+            }}
+          />
+        )}
 
+        <PublishMain doc={doc} isTemplate={isTemplate} />
       </AFScroller>
-      {drawerOpened &&
+      {drawerOpened && (
         <SideBar
           onResizeDrawerWidth={setDrawerWidth}
           drawerWidth={drawerWidth}
           drawerOpened={drawerOpened}
           toggleOpenDrawer={toggleOpenDrawer}
         />
-      }
+      )}
     </div>
   );
 }
 
-export default PublishLayout;
+export default PublishLayout;