feat: mock login

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

@@ -1,25 +1,17 @@
 import { Avatar, WorkspaceName, SelectorWrapper } from './styles';
 import { useEffect, useState } from 'react';
-// import { AffineIcon } from '../icons/icons';
 import { WorkspaceModal } from '@/components/workspace-modal';
 import { WorkspaceAvatar } from '@/components/workspace-avatar';
-import { getActiveWorkspace, getWorkspaces } from '@/hooks/mock-data/mock';
+import useTemporaryHelper from '@/hooks/use-temporary-helper';
 export const WorkspaceSelector = () => {
   const [workspaceListShow, setWorkspaceListShow] = useState(false);
-  const [workspace, setWorkSpace] = useState(getActiveWorkspace());
+  const { currentWorkspace, workspaceMetaList } = useTemporaryHelper();
+
   useEffect(() => {
-    setWorkspace();
-  }, [workspaceListShow]);
-  useEffect(() => {
-    const workspaceList = getWorkspaces();
-    if (workspaceList.length === 0) {
+    if (workspaceMetaList.length === 0) {
       setWorkspaceListShow(true);
     }
   });
-  const setWorkspace = () => {
-    const workspace = getActiveWorkspace();
-    setWorkSpace(workspace);
-  };
 
   return (
     <>
@@ -32,25 +24,24 @@ export const WorkspaceSelector = () => {
         <Avatar
           alt="Affine"
           data-testid="workspace-avatar"
-          src={workspace.avatar}
+          src={currentWorkspace.avatar}
         >
           <div
             style={{
               float: 'left',
             }}
           >
-            <WorkspaceAvatar size={28} name={workspace.name} />
+            <WorkspaceAvatar size={28} name={currentWorkspace.name} />
           </div>
         </Avatar>
         <WorkspaceName data-testid="workspace-name">
-          {workspace?.name ?? 'AFFiNE'}
+          {currentWorkspace?.name ?? 'AFFiNE'}
         </WorkspaceName>
       </SelectorWrapper>
       <WorkspaceModal
         open={workspaceListShow}
         onClose={() => {
           setWorkspaceListShow(false);
-          setWorkspace();
         }}
       ></WorkspaceModal>
     </>