From b687ab30ed28775a564de424a5904d444bf64d57 Mon Sep 17 00:00:00 2001
From: Daniel Avila <messagedaniel@protonmail.com>
Date: Fri, 31 Mar 2023 21:51:06 -0400
Subject: [PATCH] style(OpenAIOptions): add dark mode support to Settings2 icon
 feat(OpenAIOptions): pass isOpen prop to Settings component to toggle
 visibility

---
 client/src/components/Input/OpenAIOptions/Settings.jsx | 2 +-
 client/src/components/Input/OpenAIOptions/index.jsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Input/OpenAIOptions/Settings.jsx b/client/src/components/Input/OpenAIOptions/Settings.jsx
index 484ef76b3f..40e92daf03 100644
--- a/client/src/components/Input/OpenAIOptions/Settings.jsx
+++ b/client/src/components/Input/OpenAIOptions/Settings.jsx
@@ -12,7 +12,7 @@ const defaultTextProps =
 const optionText =
   'p-0 shadow-none text-right pr-1 h-8 border-transparent focus:ring-[#10a37f] focus:ring-offset-0 focus:ring-opacity-100';
 
-function Settings() {
+function Settings({ isOpen }) {
   const [chatGptLabel, setChatGptLabel] = useState('');
   const [promptPrefix, setPromptPrefix] = useState('');
   const [temperature, setTemperature] = useState(1);
diff --git a/client/src/components/Input/OpenAIOptions/index.jsx b/client/src/components/Input/OpenAIOptions/index.jsx
index cf79f1ac92..74c0903940 100644
--- a/client/src/components/Input/OpenAIOptions/index.jsx
+++ b/client/src/components/Input/OpenAIOptions/index.jsx
@@ -82,7 +82,7 @@ function OpenAIOptions() {
           )}
           onClick={triggerAdvancedMode}
         >
-          <Settings2 className="w-4 text-gray-600" />
+          <Settings2 className="w-4 text-gray-600 dark:text-white" />
         </Button>
       </div>
       <div
@@ -108,7 +108,7 @@ function OpenAIOptions() {
             </Button>
           </div>
           <div className="h-[375px] p-5">
-            <Settings />
+            <Settings isOpen={advancedMode}/>
           </div>
         </div>
       </div>