:globe_with_meridians: #1138

dashboard/src/components/term/TermExport.tsx

@@ -1,8 +1,10 @@
+import { useState } from "react";
+import { useIntl } from "react-intl";
 import { Button, message } from "antd";
 import { ExportOutlined } from "@ant-design/icons";
-import { API_HOST, get } from "../../request";
 import modal from "antd/lib/modal";
-import { useState } from "react";
+
+import { API_HOST, get } from "../../request";
 
 interface IExportResponse {
   ok: boolean;
@@ -18,6 +20,7 @@ interface IWidget {
   studioName?: string;
 }
 const TermExportWidget = ({ channelId, studioName }: IWidget) => {
+  const intl = useIntl();
   const [loading, setLoading] = useState(false);
   return (
     <Button
@@ -61,7 +64,7 @@ const TermExportWidget = ({ channelId, studioName }: IWidget) => {
           });
       }}
     >
-      Export
+      {intl.formatMessage({ id: "buttons.export" })}
     </Button>
   );
 };

dashboard/src/components/term/TermList.tsx

@@ -308,7 +308,11 @@ const TermListWidget = ({ studioName, channelId }: IWidget) => {
                 ? `view=channel&id=${channelId}`
                 : `view=studio&name=${studioName}`
             }
-            trigger={<Button icon={<ImportOutlined />}>Import</Button>}
+            trigger={
+              <Button icon={<ImportOutlined />}>
+                {intl.formatMessage({ id: "buttons.import" })}
+              </Button>
+            }
             onSuccess={() => {
               ref.current?.reload();
             }}

dashboard/src/locales/zh-Hans/buttons.ts

@@ -43,6 +43,8 @@ const items = {
   "buttons.add": "添加",
   "buttons.spell": "拼写",
   "buttons.more": "更多",
+  "buttons.import": "导入",
+  "buttons.export": "导出",
 };
 
 export default items;