feat: add Tooltip to action icon of FileManager (infiniflow#561)

### What problem does this PR solve? infiniflow#345 feat: add Tooltip to action icon of FileManager ### Type of change - [x] New Feature (non-breaking change which adds functionality)
Halfknow · Apr 26, 2024 · c1e508e · c1e508e
1 parent e1cb76e
commit c1e508e
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 20 deletions.
diff --git a/web/src/locales/en.ts b/web/src/locales/en.ts
@@ -23,6 +23,7 @@ export default {
       copy: 'Copy',
       copied: 'Copied',
       comingSoon: 'Coming Soon',
+      download: 'Download',
     },
     login: {
       login: 'Sign in',

diff --git a/web/src/locales/zh-traditional.ts b/web/src/locales/zh-traditional.ts
@@ -23,6 +23,7 @@ export default {
       copy: '複製',
       copied: '複製成功',
       comingSoon: '即將推出',
+      download: '下載',
     },
     login: {
       login: '登入',

diff --git a/web/src/locales/zh.ts b/web/src/locales/zh.ts
@@ -23,6 +23,7 @@ export default {
       copy: '复制',
       copied: '复制成功',
       comingSoon: '即将推出',
+      download: '下载',
     },
     login: {
       login: '登录',

diff --git a/web/src/pages/file-manager/action-cell/index.tsx b/web/src/pages/file-manager/action-cell/index.tsx
@@ -6,7 +6,7 @@ import {
   DeleteOutlined,
   DownloadOutlined,
   EditOutlined,
-  ToolOutlined,
+  LinkOutlined,
 } from '@ant-design/icons';
 import { Button, Space, Tooltip } from 'antd';
 import { useHandleDeleteFile } from '../hooks';
@@ -30,7 +30,7 @@ const ActionCell = ({
 }: IProps) => {
   const documentId = record.id;
   const beingUsed = false;
-  const { t } = useTranslate('knowledgeDetails');
+  const { t } = useTranslate('fileManager');
   const { handleRemoveFile } = useHandleDeleteFile(
     [documentId],
     setSelectedRowKeys,
@@ -58,13 +58,15 @@ const ActionCell = ({
 
   return (
     <Space size={0}>
-      <Button
-        type="text"
-        className={styles.iconButton}
-        onClick={onShowConnectToKnowledgeModal}
-      >
-        <ToolOutlined size={20} />
-      </Button>
+      <Tooltip title={t('addToKnowledge')}>
+        <Button
+          type="text"
+          className={styles.iconButton}
+          onClick={onShowConnectToKnowledgeModal}
+        >
+          <LinkOutlined size={20} />
+        </Button>
+      </Tooltip>
 
       <Tooltip title={t('rename', { keyPrefix: 'common' })}>
         <Button
@@ -76,23 +78,27 @@ const ActionCell = ({
           <EditOutlined size={20} />
         </Button>
       </Tooltip>
-      <Button
-        type="text"
-        disabled={beingUsed}
-        onClick={handleRemoveFile}
-        className={styles.iconButton}
-      >
-        <DeleteOutlined size={20} />
-      </Button>
-      {record.type !== 'folder' && (
+      <Tooltip title={t('delete', { keyPrefix: 'common' })}>
         <Button
           type="text"
           disabled={beingUsed}
-          onClick={onDownloadDocument}
+          onClick={handleRemoveFile}
           className={styles.iconButton}
         >
-          <DownloadOutlined size={20} />
+          <DeleteOutlined size={20} />
         </Button>
+      </Tooltip>
+      {record.type !== 'folder' && (
+        <Tooltip title={t('download', { keyPrefix: 'common' })}>
+          <Button
+            type="text"
+            disabled={beingUsed}
+            onClick={onDownloadDocument}
+            className={styles.iconButton}
+          >
+            <DownloadOutlined size={20} />
+          </Button>
+        </Tooltip>
       )}
     </Space>
   );