From a3f2a16cb47026e49fbf546c0339454b7bddb01b Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 22 Jan 2024 10:42:22 +0700
Subject: [PATCH] fix: switching loader from remote to local model from thread
 right panel

---
 web/containers/DropdownListSidebar/index.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/web/containers/DropdownListSidebar/index.tsx b/web/containers/DropdownListSidebar/index.tsx
index a4b5746d7..a85986adf 100644
--- a/web/containers/DropdownListSidebar/index.tsx
+++ b/web/containers/DropdownListSidebar/index.tsx
@@ -55,8 +55,6 @@ export default function DropdownListSidebar() {
 
   const { recommendedModel, downloadedModels } = useRecommendedModel()
 
-  const selectedName =
-    downloadedModels.filter((x) => x.id === selectedModel?.id)[0]?.name ?? ''
   /**
    * Default value for max_tokens and ctx_len
    * Its to avoid OOM issue since a model can set a big number for these settings
@@ -67,7 +65,7 @@ export default function DropdownListSidebar() {
   }
 
   useEffect(() => {
-    setSelectedModel(activeModel || recommendedModel)
+    setSelectedModel(selectedModel || activeModel || recommendedModel)
 
     if (activeThread) {
       const finishInit = threadStates[activeThread.id].isFinishInit ?? true
@@ -148,7 +146,6 @@ export default function DropdownListSidebar() {
       serverEnabled,
       activeThreadId,
       activeModel,
-      setSelectedModel,
       setThreadModelParams,
     ]
   )
@@ -180,7 +177,7 @@ export default function DropdownListSidebar() {
                   stateModel.loading && 'font-medium'
                 )}
               >
-                {selectedName}
+                {selectedModel?.name}
               </span>
             </SelectValue>
           </SelectTrigger>