refactor(chat): show sync status on history button

OVINC-CN · Feb 13, 2025 · 5845f85 · 5845f85
1 parent bccf2ce
commit 5845f85
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/ChatInput.vue b/src/components/ChatInput.vue
@@ -30,6 +30,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  historySync: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // emits
@@ -551,6 +555,7 @@ defineExpose({reGenerate, promptForm});
               @click="showHistory"
               class="chat-input-left-button"
               id="history-message-button"
+              :style="{backgroundColor: historySync ? 'rgb(var(--green-3))' : '', color: historySync ? 'white': ''}"
             >
               <icon-history />
             </a-button>

diff --git a/src/views/Chat.vue b/src/views/Chat.vue
@@ -317,6 +317,7 @@ const setPromptForm = (data) => promptForm.value = data;
         :local-messages="localMessages"
         :chat-loading="chatLoading"
         :system-define="systemDefine"
+        :history-sync="historySync"
         @add-message="addMessage"
         @set-chat-loading="setChatLoading"
         @save-message="saveMessage"
@@ -355,7 +356,7 @@ const setPromptForm = (data) => promptForm.value = data;
             {{ $t('StartNewChat') }}
           </a-button>
           <a-button
-            :style="{backgroundColor: historySync ? 'rgb(var(--green-3))' : '', color: 'white'}"
+            :style="{backgroundColor: historySync ? 'rgb(var(--green-3))' : '', color: historySync ? 'white': ''}"
             @click="showHistorySyncConfig"
           >
             <template #icon>