From df6e9802f65b4759780b1f07ac7c631a04b95659 Mon Sep 17 00:00:00 2001
From: Louis <louis@jan.ai>
Date: Tue, 14 Nov 2023 20:04:49 +0700
Subject: [PATCH] fix: wrong model available state check

---
 web/screens/Chat/index.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/screens/Chat/index.tsx b/web/screens/Chat/index.tsx
index 8723545fc..285a2764e 100644
--- a/web/screens/Chat/index.tsx
+++ b/web/screens/Chat/index.tsx
@@ -56,7 +56,7 @@ const ChatScreen = () => {
   const conversations = useAtomValue(userConversationsAtom)
   const isEnableChat = (currentConvo && activeModel) || conversations.length > 0
   const [isModelAvailable, setIsModelAvailable] = useState(
-    downloadedModels.some((x) => x.name !== currentConvo?.name)
+    downloadedModels.some((x) => x._id === currentConvo?.modelId)
   )
 
   const textareaRef = useRef<HTMLTextAreaElement>(null)
@@ -72,9 +72,8 @@ const ChatScreen = () => {
 
   useEffect(() => {
     setIsModelAvailable(
-      downloadedModels.some((x) => x.name !== currentConvo?.name)
+      downloadedModels.some((x) => x._id === currentConvo?.modelId)
     )
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentConvo, downloadedModels])
 
   const handleSendMessage = async () => {
@@ -131,10 +130,10 @@ const ChatScreen = () => {
                 <div
                   className={twMerge(
                     'flex items-center space-x-3',
-                    isModelAvailable && '-mt-1'
+                    !isModelAvailable && '-mt-1'
                   )}
                 >
-                  {isModelAvailable && (
+                  {!isModelAvailable && (
                     <Button
                       themes="secondary"
                       size="sm"