feat: 添加Notion文档按钮Tooltip

src/renderer/src/i18n/locales/en-us.json

@@ -567,6 +567,7 @@
         "notion.database_id": "Notion Database ID",
         "notion.database_id_placeholder": "Enter Notion Database ID",
         "notion.title": "Notion Configuration",
+        "notion.help": "Notion Configuration Documentation",
         "notion.check": {
           "button": "Check",
           "fail": "Connection failed, please check network and Api_key and Database_id",

src/renderer/src/i18n/locales/ja-jp.json

@@ -567,6 +567,7 @@
         "notion.database_id": "Notion データベースID",
         "notion.database_id_placeholder": "Notion データベースIDを入力してください",
         "notion.title": "Notion 設定",
+        "notion.help": "Notion 設定ドキュメント",
         "notion.check": {
           "button": "確認",
           "fail": "接続エラー、ネットワーク設定とApi_keyとDatabase_idを確認してください",

src/renderer/src/i18n/locales/ru-ru.json

@@ -567,6 +567,7 @@
         "notion.database_id": "ID базы данных Notion",
         "notion.database_id_placeholder": "Введите ID базы данных Notion",
         "notion.title": "Настройки Notion",
+        "notion.help": "Документация по настройке Notion",
         "notion.check": {
           "button": "Проверить",
           "fail": "Не удалось подключиться, пожалуйста, проверьте сеть и правильность Api_key и Database_id",

src/renderer/src/i18n/locales/zh-cn.json

@@ -567,6 +567,7 @@
         "notion.database_id": "Notion 数据库 ID",
         "notion.database_id_placeholder": "请输入Notion 数据库 ID",
         "notion.title": "Notion 配置",
+        "notion.help" : "Notion 配置文档",
         "notion.check": {
           "button": "检查",
           "fail": "连接失败，请检查网络及Api_key和Database_id是否正确",

src/renderer/src/i18n/locales/zh-tw.json

@@ -565,6 +565,7 @@
         "notion.database_id": "Notion 資料庫 ID",
         "notion.database_id_placeholder": "請輸入Notion 資料庫 ID",
         "notion.title": "Notion 配置",
+        "notion.help": "Notion 配置文檔",
         "notion.check": {
           "button": "檢查",
           "fail": "連接失敗，請檢查網絡及Api_key和Database_id是否正確",

src/renderer/src/pages/settings/DataSettings/DataSettings.tsx

@@ -7,7 +7,7 @@ import { backup, reset, restore } from '@renderer/services/BackupService'
 import { RootState, useAppDispatch } from '@renderer/store'
 import { setNotionApiKey, setNotionDatabaseID } from '@renderer/store/settings'
 import { AppInfo } from '@renderer/types'
-import { Button, Modal, Typography } from 'antd'
+import { Button, Modal, Tooltip, Typography } from 'antd'
 import Input from 'antd/es/input/Input'
 import { FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -73,10 +73,12 @@ const NotionSettings: FC = () => {
     <SettingGroup theme={theme}>
       <SettingTitle style={{ justifyContent: 'flex-start', gap: 10 }}>
         {t('settings.data.notion.title')}
-        <InfoCircleOutlined
-          style={{ color: 'var(--color-text-2)', cursor: 'pointer' }}
-          onClick={handleNotionTitleClick}
-        />
+        <Tooltip title={t('settings.data.notion.help')} placement="right">
+          <InfoCircleOutlined
+            style={{ color: 'var(--color-text-2)', cursor: 'pointer' }}
+            onClick={handleNotionTitleClick}
+          />
+        </Tooltip>
       </SettingTitle>
       <SettingDivider />
       <SettingRow>
@@ -104,9 +106,7 @@ const NotionSettings: FC = () => {
             style={{ width: 250 }}
             placeholder={t('settings.data.notion.api_key_placeholder')}
           />
-          <Button onClick={handleNotionConnectionCheck}>
-            {t('settings.data.notion.check.button')}
-          </Button>
+          <Button onClick={handleNotionConnectionCheck}>{t('settings.data.notion.check.button')}</Button>
         </HStack>
       </SettingRow>
       <SettingDivider /> {/* 添加分割线 */}