diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts index 1afdbd27..f18d58f8 100644 --- a/src/locales/en-US.ts +++ b/src/locales/en-US.ts @@ -1,3 +1,4 @@ +import apikeys from './en-US/apikeys'; import common from './en-US/common'; import menu from './en-US/menu'; import models from './en-US/models'; @@ -9,5 +10,6 @@ export default { ...menu, ...models, ...playground, - ...resources + ...resources, + ...apikeys }; diff --git a/src/locales/en-US/apikeys.ts b/src/locales/en-US/apikeys.ts index 4ee9808c..17c95051 100644 --- a/src/locales/en-US/apikeys.ts +++ b/src/locales/en-US/apikeys.ts @@ -1,5 +1,6 @@ export default { 'apikeys.title': 'API Keys', 'apikeys.button.create': 'New API Key', - 'apikeys.form.expiretime': 'Expiration' + 'apikeys.form.expiretime': 'Expiration', + 'apikeys.table.name': 'Key Name' }; diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts index a8bd430c..ac4bee7b 100644 --- a/src/locales/zh-CN.ts +++ b/src/locales/zh-CN.ts @@ -1,4 +1,5 @@ import menu from './en-US/menu'; +import apikeys from './zh-CN/apikeys'; import common from './zh-CN/common'; import models from './zh-CN/models'; import playground from './zh-CN/playground'; @@ -9,5 +10,6 @@ export default { ...menu, ...models, ...playground, - ...resources + ...resources, + ...apikeys }; diff --git a/src/locales/zh-CN/apikeys.ts b/src/locales/zh-CN/apikeys.ts index 24d4fb96..80e38867 100644 --- a/src/locales/zh-CN/apikeys.ts +++ b/src/locales/zh-CN/apikeys.ts @@ -1,5 +1,6 @@ export default { 'apikeys.title': 'API 密钥', 'apikeys.button.create': '新建 API 密钥', - 'apikeys.form.expiretime': '过期时间' + 'apikeys.form.expiretime': '过期时间', + 'apikeys.table.name': '密钥名称' }; diff --git a/src/pages/api-keys/index.tsx b/src/pages/api-keys/index.tsx index 03d092fb..8ce642e5 100644 --- a/src/pages/api-keys/index.tsx +++ b/src/pages/api-keys/index.tsx @@ -7,6 +7,7 @@ import useTableSort from '@/hooks/use-table-sort'; import { handleBatchRequest } from '@/utils'; import { DeleteOutlined, PlusOutlined, SyncOutlined } from '@ant-design/icons'; import { PageContainer } from '@ant-design/pro-components'; +import { useIntl } from '@umijs/max'; import { Button, Input, @@ -32,6 +33,7 @@ const Models: React.FC = () => { const { sortOrder, setSortOrder } = useTableSort({ defaultSortOrder: 'descend' }); + const intl = useIntl(); const [dataSource, setDataSource] = useState([]); const [total, setTotal] = useState(0); const [openAddModal, setOpenAddModal] = useState(false); @@ -114,7 +116,6 @@ const Models: React.FC = () => { const handleAddUser = () => { setOpenAddModal(true); setAction(PageAction.CREATE); - setTitle('Add API Key'); }; const handleModalOk = async (data: FormData) => { @@ -209,7 +210,7 @@ const Models: React.FC = () => { @@ -218,7 +219,7 @@ const Models: React.FC = () => { left={ @@ -237,7 +238,7 @@ const Models: React.FC = () => { type="primary" onClick={handleAddUser} > - Add API Key + {intl.formatMessage({ id: 'apikeys.button.create' })} } @@ -267,7 +268,7 @@ const Models: React.FC = () => { }} > { /> { }} /> { @@ -303,7 +304,9 @@ const Models: React.FC = () => { render={(text, record: ListItem) => { return ( - +