From 428438eecaf495d9f87292eff6f0535c68bfda3b Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 14 Feb 2025 16:39:31 +0800
Subject: [PATCH] feat: i18n

---
 .../datasets/metadata/dataset-metadata-drawer.tsx | 15 ++++++++-------
 web/i18n/en-US/dataset.ts                         | 12 ++++++++++++
 web/i18n/zh-Hans/dataset.ts                       | 12 ++++++++++++
 3 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/web/app/components/datasets/metadata/dataset-metadata-drawer.tsx b/web/app/components/datasets/metadata/dataset-metadata-drawer.tsx
index 04252e46e2..344296e522 100644
--- a/web/app/components/datasets/metadata/dataset-metadata-drawer.tsx
+++ b/web/app/components/datasets/metadata/dataset-metadata-drawer.tsx
@@ -43,6 +43,7 @@ const Item: FC<ItemProps> = ({
   onRename,
   onDelete,
 }) => {
+  const { t } = useTranslation()
   const Icon = getIcon(payload.type)
 
   const handleRename = useCallback(() => {
@@ -81,7 +82,7 @@ const Item: FC<ItemProps> = ({
           <div className='shrink-0 system-xs-regular'>{payload.type}</div>
         </div>
         <div className='group-hover/item:hidden ml-2 shrink-0 system-xs-regular text-text-tertiary'>
-          {disabled ? 'Disabled' : `${payload.valueLength || 0} values`}
+          {disabled ? t(`${i18nPrefix}.disabled`) : t(`${i18nPrefix}.values`, { num: payload.valueLength || 0 })}
         </div>
         <div className='group-hover/item:flex hidden ml-2 items-center text-text-tertiary space-x-1'>
           <RiEditLine className='size-4 cursor-pointer' onClick={handleRename} />
@@ -154,15 +155,15 @@ const DatasetMetadataDrawer: FC<Props> = ({
       isOpen={true}
       onClose={onClose}
       showClose
-      title='Metadata'
+      title={t('dataset.metadata.metadata')}
       footer={null}
       panelClassname='px-4 block !max-w-[420px] my-2 rounded-l-2xl'
     >
-      <div className='system-sm-regular text-text-tertiary'>You can manage all metadata in this knowledge here. Modifications will be synchronized to every document.</div>
+      <div className='system-sm-regular text-text-tertiary'>{t(`${i18nPrefix}.description`)}</div>
 
       <CreateModal trigger={<Button variant='primary' className='mt-3'>
         <RiAddLine className='mr-1' />
-        Add Metadata
+        {t(`${i18nPrefix}.addMetaData`)}
       </Button>} hasBack onSave={handleAdd} />
 
       <div className='mt-3 space-y-1'>
@@ -181,8 +182,8 @@ const DatasetMetadataDrawer: FC<Props> = ({
           defaultValue={isBuiltInEnabled}
           onChange={onIsBuiltInEnabledChange}
         />
-        <div className='ml-2 mr-0.5 system-sm-semibold text-text-secondary'>Built-in</div>
-        <Tooltip popupContent="xxx" />
+        <div className='ml-2 mr-0.5 system-sm-semibold text-text-secondary'>{t(`${i18nPrefix}.builtIn`)}</div>
+        <Tooltip popupContent={<div className='max-w-[100px]'>{t(`${i18nPrefix}.builtInDescription`)}</div>} />
       </div>
 
       <div className='mt-1 space-y-1'>
@@ -197,7 +198,7 @@ const DatasetMetadataDrawer: FC<Props> = ({
       </div>
 
       {isShowRenameModal && (
-        <Modal isShow title="rename">
+        <Modal isShow title={t(`${i18nPrefix}.rename`)} onClose={() => setIsShowRenameModal(false)}>
           <Field label={t(`${i18nPrefix}.name`)}>
             <Input
               value={templeName}
diff --git a/web/i18n/en-US/dataset.ts b/web/i18n/en-US/dataset.ts
index c0689388a8..14c170c0e7 100644
--- a/web/i18n/en-US/dataset.ts
+++ b/web/i18n/en-US/dataset.ts
@@ -169,6 +169,7 @@ const translation = {
   allKnowledge: 'All Knowledge',
   allKnowledgeDescription: 'Select to display all knowledge in this workspace. Only the Workspace Owner can manage all knowledge.',
   metadata: {
+    metadata: 'Metadata',
     createMetadata: {
       title: 'New Metadata',
       back: 'Back',
@@ -181,6 +182,17 @@ const translation = {
       newAction: 'New Metadata',
       manageAction: 'Manage',
     },
+    datasetMetadata: {
+      description: 'You can manage all metadata in this knowledge here. Modifications will be synchronized to every document.',
+      addMetaData: 'Add Metadata',
+      values: '{{num}} Values',
+      disabled: 'Disabled',
+      rename: 'Rename',
+      name: 'Name',
+      namePlaceholder: 'Metadata name',
+      builtIn: 'Built-in',
+      builtInDescription: 'Built-in metadata is automatically extracted and generated. It must be enabled before use and cannot be edited.',
+    },
   },
 }
 
diff --git a/web/i18n/zh-Hans/dataset.ts b/web/i18n/zh-Hans/dataset.ts
index 22c3c1c565..3d7954edcd 100644
--- a/web/i18n/zh-Hans/dataset.ts
+++ b/web/i18n/zh-Hans/dataset.ts
@@ -169,6 +169,7 @@ const translation = {
   allKnowledge: '所有知识库',
   allKnowledgeDescription: '选择以显示该工作区内所有知识库。只有工作区所有者才能管理所有知识库。',
   metadata: {
+    metadata: '元数据',
     createMetadata: {
       title: '新建元数据',
       back: '返回',
@@ -181,6 +182,17 @@ const translation = {
       newAction: '新建元数据',
       manageAction: '管理',
     },
+    datasetMetadata: {
+      description: '元数据是关于文档的数据，用于描述文档的属性。元数据可以帮助您更好地组织和管理文档。',
+      addMetaData: '添加元数据',
+      values: '{{num}} 个值',
+      disabled: '已禁用',
+      rename: '重命名',
+      name: '名称',
+      namePlaceholder: '元数据名称',
+      builtIn: '内置',
+      builtInDescription: '内置元数据是系统预定义的元数据，您可以在此处查看和管理内置元数据。',
+    },
   },
 }