多语言 最近打开

dashboard/src/components/corpus/Recent.tsx

@@ -1,5 +1,6 @@
 import { Button, List } from "antd";
 import { useEffect, useState } from "react";
+import { useIntl } from "react-intl";
 import { Link } from "react-router-dom";
 
 import { get } from "../../request";
@@ -7,6 +8,7 @@ import { IView, IViewListResponse } from "../api/view";
 
 const RecentWidget = () => {
   const [listData, setListData] = useState<IView[]>([]);
+  const intl = useIntl();
   useEffect(() => {
     let url = `/v2/view?view=user&limit=10`;
     get<IViewListResponse>(url).then((json) => {
@@ -30,7 +32,9 @@ const RecentWidget = () => {
     <div style={{ padding: 6 }}>
       <List
         itemLayout="vertical"
-        header="最近打开"
+        header={intl.formatMessage({
+          id: `labels.recent-scan`,
+        })}
         size="small"
         dataSource={listData}
         renderItem={(item) => {

dashboard/src/components/recent/RecentModal.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { Modal } from "antd";
 import RecentList, { IRecent } from "./RecentList";
+import { useIntl } from "react-intl";
 
 interface IWidget {
   trigger?: React.ReactNode;
@@ -15,6 +16,7 @@ const RecentModalWidget = ({
   onOpen,
 }: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(open);
+  const intl = useIntl();
 
   useEffect(() => {
     setIsModalOpen(open);
@@ -48,7 +50,9 @@ const RecentModalWidget = ({
       <span onClick={showModal}>{trigger}</span>
       <Modal
         width={"80%"}
-        title="选择版本风格"
+        title={intl.formatMessage({
+          id: `labels.recent-scan`,
+        })}
         footer={false}
         open={isModalOpen}
         onOk={handleOk}

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

@@ -16,6 +16,7 @@ const items = {
   "labels.first-course": "第一个课程",
   "labels.updated-at": "更新于",
   "labels.created-at": "创建于",
+  "labels.recent-scan": "最近打开",
 };
 
 export default items;