i18n

dashboard/src/components/article/ToolButtonSetting.tsx

@@ -2,15 +2,19 @@ import { SettingOutlined } from "@ant-design/icons";
 import SettingArticle from "../auth/setting/SettingArticle";
 
 import ToolButton from "./ToolButton";
+import { useIntl } from "react-intl";
 
 interface IWidget {
   type?: string;
   articleId?: string;
 }
 const ToolButtonSettingWidget = ({ type, articleId }: IWidget) => {
+  const intl = useIntl();
   return (
     <ToolButton
-      title="设置"
+      title={intl.formatMessage({
+        id: `buttons.setting`,
+      })}
       icon={<SettingOutlined />}
       content={<SettingArticle />}
     />

dashboard/src/components/auth/setting/SettingArticle.tsx

@@ -4,12 +4,18 @@ import { settingInfo } from "../../../reducers/setting";
 
 import { SettingFind } from "./default";
 import SettingItem from "./SettingItem";
+import { useIntl } from "react-intl";
 
 const SettingArticleWidget = () => {
   const settings = useAppSelector(settingInfo);
+  const intl = useIntl();
   return (
     <div>
-      <Divider>阅读</Divider>
+      <Divider>
+        {intl.formatMessage({
+          id: `buttons.read`,
+        })}
+      </Divider>
       <SettingItem data={SettingFind("setting.display.original", settings)} />
       <SettingItem data={SettingFind("setting.layout.direction", settings)} />
       <SettingItem data={SettingFind("setting.layout.paragraph", settings)} />
@@ -19,9 +25,17 @@ const SettingArticleWidget = () => {
       <SettingItem
         data={SettingFind("setting.pali.script.secondary", settings)}
       />
-      <Divider>翻译</Divider>
+      <Divider>
+        {intl.formatMessage({
+          id: `buttons.translate`,
+        })}
+      </Divider>
 
-      <Divider>逐词解析</Divider>
+      <Divider>
+        {intl.formatMessage({
+          id: `buttons.wbw`,
+        })}
+      </Divider>
       <Divider>Nissaya</Divider>
       <SettingItem
         data={SettingFind("setting.nissaya.layout.read", settings)}
@@ -29,7 +43,12 @@ const SettingArticleWidget = () => {
       <SettingItem
         data={SettingFind("setting.nissaya.layout.edit", settings)}
       />
-      <Divider>字典</Divider>
+
+      <Divider>
+        {intl.formatMessage({
+          id: `columns.library.dict.title`,
+        })}
+      </Divider>
       <SettingItem data={SettingFind("setting.dict.lang", settings)} />
     </div>
   );