feat(core): adjust share menu style (#4584)

apps/core/src/components/affine/share-page-modal/index.tsx

@@ -4,7 +4,7 @@ import {
   WorkspaceFlavour,
 } from '@affine/env/workspace';
 import type { Page } from '@blocksuite/store';
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 
 import { useExportPage } from '../../../hooks/affine/use-export-page';
 import { useIsSharedPage } from '../../../hooks/affine/use-is-shared-page';
@@ -20,6 +20,17 @@ export const SharePageModal = ({ workspace, page }: SharePageModalProps) => {
   const onTransformWorkspace = useOnTransformWorkspace();
   const [open, setOpen] = useState(false);
   const exportHandler = useExportPage(page);
+  const handleConfirm = useCallback(() => {
+    if (workspace.flavour !== WorkspaceFlavour.LOCAL) {
+      return;
+    }
+    onTransformWorkspace(
+      WorkspaceFlavour.LOCAL,
+      WorkspaceFlavour.AFFINE_CLOUD,
+      workspace
+    );
+    setOpen(false);
+  }, [onTransformWorkspace, workspace]);
   return (
     <>
       <ShareMenu
@@ -34,14 +45,7 @@ export const SharePageModal = ({ workspace, page }: SharePageModalProps) => {
         <EnableAffineCloudModal
           open={open}
           onOpenChange={setOpen}
-          onConfirm={() => {
-            onTransformWorkspace(
-              WorkspaceFlavour.LOCAL,
-              WorkspaceFlavour.AFFINE_CLOUD,
-              workspace
-            );
-            setOpen(false);
-          }}
+          onConfirm={handleConfirm}
         />
       ) : null}
     </>

apps/core/src/components/workspace-header.tsx

@@ -7,9 +7,9 @@ import {
 import { Unreachable } from '@affine/env/constant';
 import type { Collection } from '@affine/env/filter';
 import type { PropertiesMeta } from '@affine/env/filter';
-import {
+import type {
   WorkspaceFlavour,
-  type WorkspaceHeaderProps,
+  WorkspaceHeaderProps,
 } from '@affine/env/workspace';
 import { WorkspaceSubPath } from '@affine/env/workspace';
 import { useSetAtom } from 'jotai/react';
@@ -130,15 +130,12 @@ export function WorkspaceHeader({
 
   // route in edit page
   if ('pageId' in currentEntry) {
-    const isCloudWorkspace =
-      currentWorkspace.flavour === WorkspaceFlavour.AFFINE_CLOUD;
     const currentPage = currentWorkspace.blockSuiteWorkspace.getPage(
       currentEntry.pageId
     );
-    const sharePageModal =
-      isCloudWorkspace && currentPage ? (
-        <SharePageModal workspace={currentWorkspace} page={currentPage} />
-      ) : null;
+    const sharePageModal = currentPage ? (
+      <SharePageModal workspace={currentWorkspace} page={currentPage} />
+    ) : null;
     return (
       <Header
         mainContainerAtom={mainContainerAtom}