chore: update translation (#2916)

Co-authored-by: zuozijian3720 <zuozijian1994@gmail.com>

apps/web/src/components/affine/setting-modal/general-setting/index.tsx

@@ -1,3 +1,4 @@
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
   AppearanceIcon,
   InformationIcon,
@@ -17,23 +18,26 @@ export type GeneralSettingList = {
   icon: FC<SVGProps<SVGSVGElement>>;
 }[];
 
-export const generalSettingList: GeneralSettingList = [
-  {
-    key: 'appearance',
-    title: 'Appearance',
-    icon: AppearanceIcon,
-  },
-  {
-    key: 'shortcuts',
-    title: 'Keyboard Shortcuts',
-    icon: KeyboardIcon,
-  },
-  {
-    key: 'about',
-    title: 'About AFFiNE',
-    icon: InformationIcon,
-  },
-];
+export const useGeneralSettingList = (): GeneralSettingList => {
+  const t = useAFFiNEI18N();
+  return [
+    {
+      key: 'appearance',
+      title: t['com.affine.settings.appearance'](),
+      icon: AppearanceIcon,
+    },
+    {
+      key: 'shortcuts',
+      title: t['Keyboard Shortcuts'](),
+      icon: KeyboardIcon,
+    },
+    {
+      key: 'about',
+      title: t['About AFFiNE'](),
+      icon: InformationIcon,
+    },
+  ];
+};
 
 export const GeneralSetting = ({
   generalKey,

apps/web/src/components/affine/setting-modal/index.tsx

@@ -18,7 +18,7 @@ import { AccountSetting } from './account-setting';
 import {
   GeneralSetting,
   type GeneralSettingKeys,
-  generalSettingList,
+  useGeneralSettingList,
 } from './general-setting';
 import { SettingSidebar } from './setting-sidebar';
 import { settingContent } from './style.css';
@@ -32,7 +32,7 @@ export const SettingModal: React.FC<SettingModalProps> = ({
   const t = useAFFiNEI18N();
   const workspaces = useWorkspaces();
   const [currentWorkspace] = useCurrentWorkspace();
-
+  const generalSettingList = useGeneralSettingList();
   const workspaceList = useMemo(() => {
     return workspaces.filter(
       ({ flavour }) => flavour !== WorkspaceFlavour.PUBLIC

apps/web/src/components/affine/setting-modal/setting-sidebar/index.tsx

@@ -4,9 +4,9 @@ import type {
   AffineLegacyCloudWorkspace,
   LocalWorkspace,
 } from '@affine/env/workspace';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-block-suite-workspace-name';
 import clsx from 'clsx';
-import React from 'react';
 
 import type {
   GeneralSettingKeys,
@@ -44,10 +44,11 @@ export const SettingSidebar = ({
   selectedGeneralKey: string | null;
   onAccountSettingClick: () => void;
 }) => {
+  const t = useAFFiNEI18N();
   return (
     <div className={settingSlideBar}>
-      <div className={sidebarTitle}>Settings</div>
-      <div className={sidebarSubtitle}>General</div>
+      <div className={sidebarTitle}>{t['Settings']()}</div>
+      <div className={sidebarSubtitle}>{t['General']()}</div>
       <div className={sidebarItemsWrapper}>
         {generalSettingList.map(({ title, icon, key }) => {
           return (
@@ -68,7 +69,9 @@ export const SettingSidebar = ({
         })}
       </div>
 
-      <div className={sidebarSubtitle}>Workspace</div>
+      <div className={sidebarSubtitle}>
+        {t['com.affine.settings.workspace']()}
+      </div>
       <div className={clsx(sidebarItemsWrapper, 'scroll')}>
         {workspaceList.map(workspace => {
           return (