feat: chatgpt prompts

src/view/LanguageModel/index.tsx

@@ -1,20 +1,35 @@
 import { useState, useRef, useEffect } from 'react';
 import { Table, Button, Modal } from 'antd';
+import { invoke } from '@tauri-apps/api';
 
 import useChatModel from '@/hooks/useChatModel';
 import useColumns from '@/hooks/useColumns';
 import useData from '@/hooks/useData';
+import { chatModelPath } from '@/utils';
 import { modelColumns } from './config';
 import LanguageModelForm from './Form';
 import './index.scss';
 
 export default function LanguageModel() {
   const [isVisible, setVisible] = useState(false);
+  const [modelPath, setChatModelPath] = useState('');
   const { modelData, modelSet } = useChatModel();
   const { opData, opAdd, opRemove, opReplace, opSafeKey } = useData(modelData);
   const { columns, ...opInfo } = useColumns(modelColumns());
   const formRef = useRef<any>(null);
 
+  useEffect(() => {
+    if (!opInfo.opType) return;
+    if (['edit', 'new'].includes(opInfo.opType)) {
+      setVisible(true);
+    }
+    if (['delete'].includes(opInfo.opType)) {
+      const data = opRemove(opInfo?.opRecord?.[opSafeKey]);
+      modelSet(data);
+      opInfo.resetRecord();
+    }
+  }, [opInfo.opType, formRef]);
+
   const hide = () => {
     setVisible(false);
     opInfo.resetRecord();
@@ -34,27 +49,23 @@ export default function LanguageModel() {
       })
   };
 
-  useEffect(() => {
-    if (!opInfo.opType) return;
-    if (['edit', 'new'].includes(opInfo.opType)) {
-      setVisible(true);
-    }
-    if (['delete'].includes(opInfo.opType)) {
-      const data = opRemove(opInfo?.opRecord?.[opSafeKey]);
-      modelSet(data);
-      opInfo.resetRecord();
-    }
-  }, [opInfo.opType, formRef]);
+  const handleOpenFile = async () => {
+    const path = await chatModelPath();
+    setChatModelPath(path);
+    invoke('open_file', { path });
+  };
 
   const modalTitle = `${({ new: 'Create', edit: 'Edit' })[opInfo.opType]} Language Model`;
 
   return (
     <div>
       <Button className="add-btn" type="primary" onClick={opInfo.opNew}>Add Model</Button>
+      <div className="chat-model-path">PATH: <span onClick={handleOpenFile}>{modelPath}</span></div>
       <Table
         key={opInfo.opTime}
         rowKey="cmd"
         columns={columns}
+        scroll={{ x: 'auto' }}
         dataSource={opData}
         pagination={{
           hideOnSinglePage: true,