From f28257b480b4706e0d9199418123122dc723f31e Mon Sep 17 00:00:00 2001
From: ItzCrazyKns <kushagra20103@gmail.com>
Date: Mon, 6 May 2024 12:34:59 +0530
Subject: [PATCH] feat(settings): fetch localStorage at state change

---
 ui/components/SettingsDialog.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/ui/components/SettingsDialog.tsx b/ui/components/SettingsDialog.tsx
index f77a95c..d704488 100644
--- a/ui/components/SettingsDialog.tsx
+++ b/ui/components/SettingsDialog.tsx
@@ -53,6 +53,14 @@ const SettingsDialog = ({
         });
         const data = await res.json();
         setConfig(data);
+        setSelectedChatModelProvider(localStorage.getItem('chatModelProvider'));
+        setSelectedChatModel(localStorage.getItem('chatModel'));
+        setSelectedEmbeddingModelProvider(
+          localStorage.getItem('embeddingModelProvider'),
+        );
+        setSelectedEmbeddingModel(localStorage.getItem('embeddingModel'));
+        setCustomOpenAIApiKey(localStorage.getItem('openAIApiKey'));
+        setCustomOpenAIBaseURL(localStorage.getItem('openAIBaseUrl'));
         setIsLoading(false);
       };
 
@@ -61,17 +69,6 @@ const SettingsDialog = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
 
-  useEffect(() => {
-    setSelectedChatModelProvider(localStorage.getItem('chatModelProvider'));
-    setSelectedChatModel(localStorage.getItem('chatModel'));
-    setSelectedEmbeddingModelProvider(
-      localStorage.getItem('embeddingModelProvider'),
-    );
-    setSelectedEmbeddingModel(localStorage.getItem('embeddingModel'));
-    setCustomOpenAIApiKey(localStorage.getItem('openAIApiKey'));
-    setCustomOpenAIBaseURL(localStorage.getItem('openAIBaseUrl'));
-  }, []);
-
   const handleSubmit = async () => {
     setIsUpdating(true);