chore: adjust translation (#3734)

apps/core/src/components/affine/new-workspace-setting-detail/delete-leave-workspace/index.tsx

@@ -30,11 +30,11 @@ export const DeleteLeaveWorkspace = ({
         name={
           <span style={{ color: 'var(--affine-error-color)' }}>
             {isOwner
-              ? t['com.affine.settings.workspace.remove']()
+              ? t['com.affine.settings.remove-workspace']()
               : t['Leave Workspace']()}
           </span>
         }
-        desc={t['com.affine.settings.workspace.remove.message']()}
+        desc={t['com.affine.settings.remove-workspace-description']()}
         style={{ cursor: 'pointer' }}
         onClick={() => {
           setShowDelete(true);

apps/core/src/components/affine/new-workspace-setting-detail/index.tsx

@@ -59,14 +59,12 @@ export const WorkspaceSettingDetail = ({
     <>
       <SettingHeader
         title={t[`Workspace Settings with name`]({ name })}
-        subtitle={t['You can customize your workspace here.']()}
+        subtitle={t['com.affine.settings.workspace.description']()}
       />
       <SettingWrapper title={t['Info']()}>
         <SettingRow
           name={t['Workspace Profile']()}
-          desc={t[
-            'Only an owner can edit the the Workspace avatar and name.Changes will be shown for everyone.'
-          ]()}
+          desc={t['com.affine.settings.workspace.not-owner']()}
           spreadCol={false}
         >
           <ProfilePanel workspace={workspace} />

apps/core/src/components/affine/new-workspace-setting-detail/publish.tsx

@@ -94,7 +94,7 @@ const FakePublishPanelAffine = (_props: FakePublishPanelAffineProps) => {
 
   return (
     <Tooltip
-      content={t['com.affine.settings.workspace.publish.local-tooltip']()}
+      content={t['com.affine.settings.workspace.publish-tooltip']()}
       placement="top"
     >
       <div className={style.fakeWrapper}>

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

@@ -58,7 +58,7 @@ export const AboutAffine = () => {
             </SettingRow>
             <SettingRow
               name={t[`Discover what's new`]()}
-              desc={t['View the AFFiNE Changelog.']()}
+              desc={t['Changelog description']()}
               style={{ cursor: 'pointer' }}
               onClick={() => {
                 window.open(runtimeConfig.changelogUrl, '_blank');

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

@@ -110,7 +110,7 @@ export const AppearanceSettings = () => {
         </SettingRow>
         <SettingRow
           name={t['Display Language']()}
-          desc={t['Select the language for the interface.']()}
+          desc={t['com.affine.settings.appearance.language-description']()}
         >
           <div className={settingWrapper}>
             <LanguageMenu />
@@ -119,7 +119,9 @@ export const AppearanceSettings = () => {
         {environment.isDesktop ? (
           <SettingRow
             name={t['Client Border Style']()}
-            desc={t['Customize the appearance of the client.']()}
+            desc={t[
+              'com.affine.settings.appearance.border-style-description'
+            ]()}
           >
             <Switch
               checked={appSettings.clientBorder}
@@ -130,7 +132,7 @@ export const AppearanceSettings = () => {
 
         <SettingRow
           name={t['Full width Layout']()}
-          desc={t['Maximum display of content within a page.']()}
+          desc={t['com.affine.settings.appearance.full-width-description']()}
         >
           <Switch
             data-testid="full-width-layout-trigger"
@@ -141,7 +143,9 @@ export const AppearanceSettings = () => {
         {runtimeConfig.enableNewSettingUnstableApi && environment.isDesktop ? (
           <SettingRow
             name={t['Window frame style']()}
-            desc={t['Customize appearance of Windows Client.']()}
+            desc={t[
+              'com.affine.settings.appearance.window-frame-description'
+            ]()}
           >
             <RadioButtonGroup
               className={settingWrapper}
@@ -166,7 +170,7 @@ export const AppearanceSettings = () => {
         <SettingWrapper title={t['Date']()}>
           <SettingRow
             name={t['Date Format']()}
-            desc={t['Customize your date style.']()}
+            desc={t['com.affine.settings.appearance.date-format-description']()}
           >
             <div className={settingWrapper}>
               <DateFormatSetting />
@@ -174,7 +178,7 @@ export const AppearanceSettings = () => {
           </SettingRow>
           <SettingRow
             name={t['Start Week On Monday']()}
-            desc={t['By default, the week starts on Sunday.']()}
+            desc={t['com.affine.settings.appearance.start-week-description']()}
           >
             <Switch
               checked={appSettings.startWeekOnMonday}
@@ -187,8 +191,8 @@ export const AppearanceSettings = () => {
       {environment.isDesktop ? (
         <SettingWrapper title={t['Sidebar']()}>
           <SettingRow
-            name={t['com.affine.settings.appearance.sidebar.noise']()}
-            desc={t['com.affine.settings.appearance.sidebar.noise.message']()}
+            name={t['com.affine.settings.noise-style']()}
+            desc={t['com.affine.settings.noise-style-description']()}
           >
             <Switch
               checked={appSettings.enableNoisyBackground}
@@ -198,10 +202,8 @@ export const AppearanceSettings = () => {
             />
           </SettingRow>
           <SettingRow
-            name={t['com.affine.settings.appearance.sidebar.translucent']()}
-            desc={t[
-              'com.affine.settings.appearance.sidebar.translucent.message'
-            ]()}
+            name={t['com.affine.settings.translucent-style']()}
+            desc={t['com.affine.settings.translucent-style-description']()}
           >
             <Switch
               checked={appSettings.enableBlurBackground}

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

@@ -91,9 +91,7 @@ export const SettingModal = ({
               target="_blank"
               rel="noreferrer"
             >
-              {t[
-                'Need more customization options? You can suggest them to us in the community.'
-              ]()}
+              {t['com.affine.settings.suggestion']()}
             </a>
           </div>
         </div>

apps/core/src/components/pure/workspace-slider-bar/collections/collections-list.tsx

@@ -257,6 +257,7 @@ export const CollectionsList = ({ workspace }: CollectionsListProps) => {
     () => savedCollections.filter(v => v.pinned),
     [savedCollections]
   );
+  const t = useAFFiNEI18N();
   if (pinedCollections.length === 0) {
     return (
       <MenuItem
@@ -264,7 +265,7 @@ export const CollectionsList = ({ workspace }: CollectionsListProps) => {
         icon={<InformationIcon />}
         disabled
       >
-        <span>Create a collection</span>
+        <span>{t['Create a collection']()}</span>
       </MenuItem>
     );
   }