Merge pull request #724 from toeverything/feat/add-language-switch

feat: add language switch in workspace modal

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

@@ -15,6 +15,7 @@ import { useAppState } from '@/providers/app-state-provider';
 import { useRouter } from 'next/router';
 import { useConfirm } from '@/providers/ConfirmProvider';
 import { useTranslation } from '@affine/i18n';
+import { LanguageMenu } from './languageMenu';
 
 interface WorkspaceModalProps {
   open: boolean;
@@ -37,7 +38,7 @@ export const WorkspaceModal = ({ open, onClose }: WorkspaceModalProps) => {
         >
           <Header>
             <ContentTitle>{t('My Workspaces')}</ContentTitle>
-            {/* <LanguageMenu /> */}
+            <LanguageMenu />
             <ModalCloseButton
               top={6}
               right={6}

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

@@ -70,7 +70,7 @@ export const WorkSpaceSliderBar = () => {
   const { currentWorkspace } = useAppState();
   const { openPage, createPage } = usePageHelper();
   const router = useRouter();
-  const { t, i18n } = useTranslation();
+  const { t } = useTranslation();
   const [showTip, setShowTip] = useState(false);
   const [show, setShow] = useLocalStorage('AFFiNE_SLIDE_BAR', false, true);
   const currentWorkspaceId = currentWorkspace?.id;
@@ -84,9 +84,6 @@ export const WorkSpaceSliderBar = () => {
       ? `/workspace/${currentWorkspaceId}/setting`
       : '',
   };
-  const changeLanguage = (event: string) => {
-    i18n.changeLanguage(event);
-  };
   return (
     <>
       <StyledSliderBar show={show}>
@@ -178,20 +175,6 @@ export const WorkSpaceSliderBar = () => {
               <TrashIcon /> {t('Trash')}
             </StyledListItem>
           </Link>
-          <StyledListItem
-            onClick={() => {
-              changeLanguage('en');
-            }}
-          >
-            <SettingsIcon /> change to English
-          </StyledListItem>
-          <StyledListItem
-            onClick={() => {
-              changeLanguage('zh-Hans');
-            }}
-          >
-            <SettingsIcon /> 切换到中文
-          </StyledListItem>
           <StyledNewPageButton
             onClick={async () => {
               const pageId = await createPage();