From 8e8a1d3e6b7a8ae1c216f8a125cc871c7ff63de1 Mon Sep 17 00:00:00 2001
From: unknown <hieu0226@gmail.com>
Date: Thu, 21 Aug 2025 10:11:45 +0700
Subject: [PATCH] change color textarea to white and hide history chat after
 chat

---
 src/components/layouts/chat/chat.module.scss | 2 +-
 src/components/layouts/main/main.tsx         | 5 ++++-
 src/stores/useAuthStore.ts                   | 6 +++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/layouts/chat/chat.module.scss b/src/components/layouts/chat/chat.module.scss
index f09459e..04b4c8b 100644
--- a/src/components/layouts/chat/chat.module.scss
+++ b/src/components/layouts/chat/chat.module.scss
@@ -31,7 +31,7 @@
     gap: 40px;
     textarea {
         font-size: 14px;
-        color: #606060;
+        color: white;
         width: 100%;
         border: none;
         outline: none;
diff --git a/src/components/layouts/main/main.tsx b/src/components/layouts/main/main.tsx
index e4a7406..74c9512 100644
--- a/src/components/layouts/main/main.tsx
+++ b/src/components/layouts/main/main.tsx
@@ -24,6 +24,7 @@ import AppUnavailable from '@/components/app-unavailable';
 import { API_KEY, APP_ID, APP_INFO, isShowPrompt, promptTemplate } from '@/config';
 import type { Annotation as AnnotationType } from '@/types/log';
 import { addFileInfos, sortAgentSorts } from '@/utils/tools';
+import { useAuthStore } from '@/stores/useAuthStore';
 
 export type IMainProps = {
     params: any;
@@ -34,6 +35,7 @@ import HistoryChat from '@/components/layouts/history-chat/history-chat';
 import Chat from '@/components/layouts/chat/chat';
 
 const Main: FC = () => {
+    const { hideHistoryChat, setHideHistoryCHat } = useAuthStore();
     const { t } = useTranslation();
     const media = useBreakpoints();
     const isMobile = media === MediaType.mobile;
@@ -654,6 +656,7 @@ const Main: FC = () => {
             }
         });
         getHistoryChat(currConversationId);
+        setHideHistoryCHat(true);
     };
 
     const handleFeedback = async (messageId: string, feedback: Feedbacktype) => {
@@ -694,7 +697,7 @@ const Main: FC = () => {
                     checkCanSend={checkCanSend}
                     visionConfig={visionConfig}
                 />
-                <HistoryChat data={historyChatList} />
+                {!hideHistoryChat && <HistoryChat data={historyChatList} />}
             </main>
         </>
     );
diff --git a/src/stores/useAuthStore.ts b/src/stores/useAuthStore.ts
index b9877aa..47324bb 100644
--- a/src/stores/useAuthStore.ts
+++ b/src/stores/useAuthStore.ts
@@ -2,10 +2,14 @@ import { create } from 'zustand';
 
 interface State {
     isLogin: boolean;
+    hideHistoryChat: boolean;
     setLogin: (val: boolean) => void;
+    setHideHistoryCHat: (val: boolean) => void;
 }
 
 export const useAuthStore = create<State>((set) => ({
     isLogin: false,
-    setLogin: (val) => set({ isLogin: val })
+    hideHistoryChat: false,
+    setLogin: (val) => set({ isLogin: val }),
+    setHideHistoryCHat: (val) => set({ hideHistoryChat: val })
 }));