feat: fix load

packages/app/src/components/workspace-setting/general/general.tsx

@@ -34,9 +34,7 @@ export const GeneralPage = ({
   const [showDelete, setShowDelete] = useState<boolean>(false);
   const [workspaceName, setWorkspaceName] = useState<string>(
     workspaces[workspace.id]?.meta.name ||
-      (workspace.type === WorkspaceType.Private && user
-        ? user.name
-        : `workspace-${workspace?.id}`)
+      (workspace.type === WorkspaceType.Private && user ? user.name : '')
   );
   const debouncedRefreshWorkspacesMeta = debounce(() => {
     refreshWorkspacesMeta();

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx

@@ -81,7 +81,8 @@ export const SelectorPopperContent = ({
       refreshWorkspacesMeta();
       refreshDetails();
     }
-  }, [isShow, refreshDetails, refreshWorkspacesMeta]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShow]);
 
   return !user ? (
     <SelectorPopperContainer placement="bottom-start">

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx

@@ -26,7 +26,7 @@ export const WorkspaceSelector = () => {
           {currentWorkspace?.meta.name ||
             (workspaceMeta?.type === WorkspaceType.Private && user
               ? user.name
-              : `workspace-${workspaceMeta?.id}`)}
+              : 'AFFINE')}
         </WorkspaceName>
       </SelectorWrapper>
     </Popper>

packages/app/src/providers/app-state-provider/context.ts

@@ -8,7 +8,8 @@ import type {
 import type { EditorContainer } from '@blocksuite/editor';
 export type LoadWorkspaceHandler = (
   workspaceId: string,
-  websocket?: boolean
+  websocket?: boolean,
+  user?: AccessTokenMessage | null
 ) => Promise<StoreWorkspace | null> | null;
 export type CreateEditorHandler = (page: StorePage) => EditorContainer | null;
 

packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx

@@ -27,7 +27,8 @@ const DynamicBlocksuite = ({
   useEffect(() => {
     const openWorkspace: LoadWorkspaceHandler = (
       workspaceId: string,
-      websocket = false
+      websocket = false,
+      user
     ) =>
       // eslint-disable-next-line no-async-promise-executor
       new Promise(async resolve => {
@@ -35,7 +36,6 @@ const DynamicBlocksuite = ({
           room: workspaceId,
           providers: [],
         }).register(BlockSchema);
-
         if (websocket && token.refresh) {
           // FIXME: if add websocket provider, the first page will be blank
           const ws = new WebsocketProvider(
@@ -64,11 +64,16 @@ const DynamicBlocksuite = ({
         const indexDBProvider = workspace.providers.find(
           p => p instanceof IndexedDBDocProvider
         );
-        const updates = await downloadWorkspace({ workspaceId });
-        updates &&
-          StoreWorkspace.Y.applyUpdate(workspace.doc, new Uint8Array(updates));
-        // if after update, the space:meta is empty, then we need to get map with doc
-        workspace.doc.getMap('space:meta');
+        if (user) {
+          const updates = await downloadWorkspace({ workspaceId });
+          updates &&
+            StoreWorkspace.Y.applyUpdate(
+              workspace.doc,
+              new Uint8Array(updates)
+            );
+          // if after update, the space:meta is empty, then we need to get map with doc
+          workspace.doc.getMap('space:meta');
+        }
         if (indexDBProvider) {
           (indexDBProvider as IndexedDBDocProvider).on('synced', async () => {
             resolve(workspace);

packages/app/src/providers/app-state-provider/provider.tsx

@@ -64,7 +64,8 @@ export const AppStateProvider = ({ children }: { children?: ReactNode }) => {
     (async () => {
       const workspacesList = await Promise.all(
         state.workspacesMeta.map(async ({ id }) => {
-          const workspace = (await loadWorkspaceHandler?.(id)) || null;
+          const workspace =
+            (await loadWorkspaceHandler?.(id, false, state.user)) || null;
           return { id, workspace };
         })
       );
@@ -108,7 +109,8 @@ export const AppStateProvider = ({ children }: { children?: ReactNode }) => {
       return state.currentWorkspace;
     }
 
-    const workspace = (await loadWorkspaceHandler?.(workspaceId, true)) || null;
+    const workspace =
+      (await loadWorkspaceHandler?.(workspaceId, true, state.user)) || null;
 
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error