chore: conf path

src/view/General.tsx

@@ -1,18 +1,19 @@
 import { useEffect, useState } from 'react';
 import { Form, Radio, Switch, Input, Button, Space, message, Tooltip } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
-import { invoke } from '@tauri-apps/api';
+import { invoke, shell, path } from '@tauri-apps/api';
 import { platform } from '@tauri-apps/api/os';
 import { ask } from '@tauri-apps/api/dialog';
 import { relaunch } from '@tauri-apps/api/process';
 import { clone, omit, isEqual } from 'lodash';
 
-import { DISABLE_AUTO_COMPLETE } from '@/utils';
+import useInit from '@/hooks/useInit';
+import { DISABLE_AUTO_COMPLETE, chatRoot } from '@/utils';
 
 const OriginLabel = ({ url }: { url: string }) => {
   return (
     <span>
-      Switch Origin <Tooltip title={`Default: ${url}`}><QuestionCircleOutlined /></Tooltip>
+      Switch Origin <Tooltip title={`Default: ${url}`}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
     </span>
   )
 }
@@ -29,7 +30,7 @@ const GlobalShortcut = () => {
           <a href="https://tauri.app/v1/api/js/globalshortcut" target="_blank">https://tauri.app/v1/api/js/globalshortcut</a>
         </div>
       )}>
-        <QuestionCircleOutlined />
+        <QuestionCircleOutlined style={{ color: '#1677ff' }} />
       </Tooltip>
     </div>
   )
@@ -37,18 +38,17 @@ const GlobalShortcut = () => {
 
 export default function General() {
   const [form] = Form.useForm();
+  const [jsonPath, setJsonPath] = useState('');
   const [platformInfo, setPlatform] = useState<string>('');
   const [chatConf, setChatConf] = useState<any>(null);
 
-  const init = async () => {
+  useInit(async () => {
+    setJsonPath(await path.join(await chatRoot(), 'chat.conf.json'));
+
     setPlatform(await platform());
     const chatData = await invoke('get_chat_conf');
     setChatConf(chatData);
-  }
-
-  useEffect(() => {
-    init();
-  }, [])
+  });
 
   useEffect(() => {
     form.setFieldsValue(clone(chatConf));
@@ -73,6 +73,12 @@ export default function General() {
   };
 
   return (
+    <>
+      <div className="chat-table-tip">
+        <div className="chat-sync-path">
+          <div>PATH: <a onClick={() => shell.open(jsonPath)} title={jsonPath}>{jsonPath}</a></div>
+        </div>
+      </div>
       <Form
         form={form}
         style={{ maxWidth: 500 }}
@@ -115,5 +121,6 @@ export default function General() {
           </Space>
         </Form.Item>
       </Form>
+    </>
   )
 }