feat: mock sync

packages/app/src/components/workspace-modal/index.tsx

@@ -8,7 +8,6 @@ import {
   setActiveWorkspace,
   Login,
   User,
-  getUserInfo,
   SignOut,
   updateWorkspaceMeta,
 } from '@/hooks/mock-data/mock';
@@ -22,6 +21,7 @@ import {
 import { useConfirm } from '@/providers/confirm-provider';
 import { toast } from '@/ui/toast';
 import { WorkspaceAvatar } from '@/components/workspace-avatar';
+import useTemporaryHelper from '@/hooks/use-temporary-helper';
 interface LoginModalProps {
   open: boolean;
   onClose: () => void;
@@ -29,23 +29,17 @@ interface LoginModalProps {
 
 export const WorkspaceModal = ({ open, onClose }: LoginModalProps) => {
   const [workspaceList, setWorkspaceList] = useState<Workspace[]>([]);
-  const [user, setUser] = useState<User | null>();
   const [createWorkspaceOpen, setCreateWorkspaceOpen] = useState(false);
   const { confirm } = useConfirm();
+  const { user, login } = useTemporaryHelper();
   useEffect(() => {
     setList();
-    setUserInfo();
   }, []);
 
   const setList = () => {
     const data = getWorkspaces();
-    console.log('data: ', data);
     setWorkspaceList(data);
   };
-  const setUserInfo = () => {
-    const data = getUserInfo();
-    setUser(data);
-  };
 
   return (
     <div>
@@ -151,9 +145,8 @@ export const WorkspaceModal = ({ open, onClose }: LoginModalProps) => {
             {!user ? (
               <Button
                 onClick={() => {
-                  Login();
+                  login();
                   toast('login success');
-                  setUserInfo();
                 }}
               >
                 Sign in AFFiNE Cloud
@@ -162,7 +155,6 @@ export const WorkspaceModal = ({ open, onClose }: LoginModalProps) => {
               <Button
                 onClick={() => {
                   SignOut();
-                  setUserInfo();
                 }}
               >
                 Sign out of AFFiNE Cloud