From 680100801f7fb2b2a63fad7f5698632dd7d7d010 Mon Sep 17 00:00:00 2001
From: lencx <cxin1314@gmail.com>
Date: Sat, 17 Dec 2022 21:30:45 +0800
Subject: [PATCH] fix: tray window style optimization (#39)

---
 UPDATE_LOG.md                    |  5 +++++
 src-tauri/src/assets/cmd.js      | 15 ++++++++++++---
 src/view/LanguageModel/index.tsx | 12 ++++++++----
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/UPDATE_LOG.md b/UPDATE_LOG.md
index f2bda9b..38d0ab8 100644
--- a/UPDATE_LOG.md
+++ b/UPDATE_LOG.md
@@ -1,5 +1,10 @@
 # UPDATE LOG
 
+## v0.4.1
+
+fix:
+- tray window style optimization
+
 ## v0.4.0
 
 feat:
diff --git a/src-tauri/src/assets/cmd.js b/src-tauri/src/assets/cmd.js
index 97cb6bc..2bfe285 100644
--- a/src-tauri/src/assets/cmd.js
+++ b/src-tauri/src/assets/cmd.js
@@ -7,7 +7,6 @@ function init() {
   }
   .chat-model-cmd-list {
     position: absolute;
-    width: 400px;
     bottom: 60px;
     max-height: 100px;
     overflow: auto;
@@ -31,13 +30,17 @@ function init() {
   }
   .chat-model-cmd-list .cmd-item b {
     display: inline-block;
-    width: 120px;
+    width: 100px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     border-radius: 4px;
     margin-right: 10px;
     color: #2a2a2a;
   }
   .chat-model-cmd-list .cmd-item i {
-    width: 270px;
+    width: 100%;
+    max-width: 200px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -64,6 +67,12 @@ async function cmdTip() {
 
   const modelDom = document.createElement('div');
   modelDom.classList.add('chat-model-cmd-list');
+
+  // fix: tray window
+  if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
+    modelDom.style.bottom = '40px';
+  }
+
   document.querySelector('form').appendChild(modelDom);
   const itemDom = (v) => `<div class="cmd-item" data-prompt="${encodeURIComponent(v.prompt)}"><b>/${v.cmd}</b><i>${v.act}</i></div>`;
   const searchInput = document.querySelector('form textarea');
diff --git a/src/view/LanguageModel/index.tsx b/src/view/LanguageModel/index.tsx
index d9a3b2f..0ce0bb2 100644
--- a/src/view/LanguageModel/index.tsx
+++ b/src/view/LanguageModel/index.tsx
@@ -2,6 +2,7 @@ import { useState, useRef, useEffect } from 'react';
 import { Table, Button, Modal, message } from 'antd';
 import { invoke } from '@tauri-apps/api';
 
+import useInit from '@/hooks/useInit';
 import useChatModel from '@/hooks/useChatModel';
 import useColumns from '@/hooks/useColumns';
 import useData from '@/hooks/useData';
@@ -30,6 +31,11 @@ export default function LanguageModel() {
     }
   }, [opInfo.opType, formRef]);
 
+  useInit(async () => {
+    const path = await chatModelPath();
+    setChatModelPath(path);
+  })
+
   const hide = () => {
     setVisible(false);
     opInfo.resetRecord();
@@ -53,10 +59,8 @@ export default function LanguageModel() {
       })
   };
 
-  const handleOpenFile = async () => {
-    const path = await chatModelPath();
-    setChatModelPath(path);
-    invoke('open_file', { path });
+  const handleOpenFile = () => {
+    invoke('open_file', { path: modelPath });
   };
 
   const modalTitle = `${({ new: 'Create', edit: 'Edit' })[opInfo.opType]} Language Model`;