From 772a5adbc93b1f152df9c6818fe51beda4261d5d Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Fri, 13 Jan 2023 22:03:45 +0800
Subject: [PATCH] feat: add temporary loading

---
 packages/app/src/components/workspace-modal/index.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/workspace-modal/index.tsx b/packages/app/src/components/workspace-modal/index.tsx
index 910d0fbac..5c0424b77 100644
--- a/packages/app/src/components/workspace-modal/index.tsx
+++ b/packages/app/src/components/workspace-modal/index.tsx
@@ -16,7 +16,8 @@ import { useRouter } from 'next/router';
 import { useConfirm } from '@/providers/ConfirmProvider';
 import { useTranslation } from '@affine/i18n';
 import { LanguageMenu } from './languageMenu';
-
+import Loading from '@/components/loading';
+import { Wrapper } from '@/ui/layout';
 interface WorkspaceModalProps {
   open: boolean;
   onClose: () => void;
@@ -29,6 +30,7 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
     useAppState();
   const router = useRouter();
   const { t } = useTranslation();
+  const [loaded, setLoaded] = useState(true);
   return (
     <div>
       <Modal open={open} onClose={onClose}>
@@ -135,8 +137,10 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
             {!user ? (
               <Button
                 onClick={async () => {
+                  setLoaded(false);
                   await login();
                   toast(t('login success'));
+                  setLoaded(true);
                 }}
               >
                 {t('Sign in')}
@@ -164,6 +168,11 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
                 {t('Sign out')}
               </Button>
             )}
+            {!loaded && (
+              <Wrapper justifyContent="center">
+                <Loading size={25} />
+              </Wrapper>
+            )}
           </Footer>
           <CreateWorkspaceModal
             open={createWorkspaceOpen}