chore: update i18n keys

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

@@ -16,7 +16,7 @@ import { WorkspaceAvatar } from '@/components/workspace-avatar';
 import { useAppState } from '@/providers/app-state-provider';
 import { useRouter } from 'next/router';
 import { useUserHelper } from '@/hooks/use-user-helper';
-
+import { useTranslation } from 'react-i18next';
 interface WorkspaceModalProps {
   open: boolean;
   onClose: () => void;
@@ -28,6 +28,7 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
   const { workspaceList, currentWorkspace } = useAppState();
   const { login, user } = useUserHelper();
   const router = useRouter();
+  const { t } = useTranslation();
   return (
     <div>
       <Modal open={open} onClose={onClose}>
@@ -36,7 +37,7 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
           style={{ padding: '10px', display: 'flex', flexDirection: 'column' }}
         >
           <Header>
-            <ContentTitle>My Workspaces</ContentTitle>
+            <ContentTitle>{t('My Workspaces')}</ContentTitle>
             {/* <LanguageMenu /> */}
             <ModalCloseButton
               top={6}
@@ -121,13 +122,13 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
                       marginRight: '10px',
                     }}
                   />
-                  Create Or Import
+                  {t('Create Or Import')}
                 </Button>
               </li>
             </WorkspaceList>
             <p style={{ fontSize: '14px', color: '#ccc', margin: '12px 0' }}>
-              Tips:Workspace is your virtual space to capture, create and plan
-              as just one person or together as a team.
+              {t('Tips')}
+              {t('Workspace description')}
             </p>
           </Content>
           <Footer>
@@ -135,10 +136,10 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
               <Button
                 onClick={() => {
                   login();
-                  toast('login success');
+                  toast(t('login success'));
                 }}
               >
-                Sign in AFFiNE Cloud
+                {t('Sign in')}
               </Button>
             ) : (
               <Button
@@ -146,7 +147,7 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
                   SignOut();
                 }}
               >
-                Sign out of AFFiNE Cloud
+                {t('Sign out')}
               </Button>
             )}
           </Footer>