From ea88e9b981702605ae71d864d16e74043e52ee58 Mon Sep 17 00:00:00 2001
From: Wentao Lyu <35-wentao.lyu@users.noreply.git.stereye.tech>
Date: Tue, 4 Apr 2023 01:04:33 +0800
Subject: [PATCH] fix: bingAI/settings: wrong usage of checkbox

---
 .../components/Endpoints/BingAI/Settings.jsx  | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/client/src/components/Endpoints/BingAI/Settings.jsx b/client/src/components/Endpoints/BingAI/Settings.jsx
index b37a1bbc60..85645ac4cc 100644
--- a/client/src/components/Endpoints/BingAI/Settings.jsx
+++ b/client/src/components/Endpoints/BingAI/Settings.jsx
@@ -15,8 +15,9 @@ 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 hover:bg-gray-800/10 dark:hover:bg-white/10 focus:bg-gray-800/10 dark:focus:bg-white/10 transition-colors';
 
 function Settings(props) {
-  const [showSystemMessage, setShowSystemMessage] = React.useState(false);
+  // const [showSystemMessage, setShowSystemMessage] = React.useState(false);
   const { context, setContext, systemMessage, setSystemMessage, jailbreak, setJailbreak } = props;
+  const showSystemMessage = jailbreak;
 
   return (
     <>
@@ -46,12 +47,12 @@ function Settings(props) {
             <div className="flex items-center space-x-3">
               <Checkbox
                 id="jailbreak"
-                value={jailbreak}
+                checked={jailbreak}
                 className="dark:border-gray-500 dark:bg-gray-700 dark:text-gray-50 focus:ring-opacity-20 dark:focus:ring-opacity-50 dark:focus:ring-offset-0 dark:focus:ring-gray-600"
                 // onCheckedChange={setJailbreak}
                 onCheckedChange={checked => {
                   setJailbreak(checked);
-                  setShowSystemMessage(checked);
+                  // setShowSystemMessage(checked);
                 }}
               />
               <label
@@ -60,13 +61,13 @@ function Settings(props) {
               >
                 Jailbreak
               </label>
-                <Label
-                  htmlFor="systemMessage"
-                  className="text-right text-sm font-medium mr-0 w-full"
-                  style={{ opacity: showSystemMessage ? '1' : '0' }}
-                >
-                  System Message <small className="opacity-40">(default: Sydney)</small>
-                </Label>
+              <Label
+                htmlFor="systemMessage"
+                className="text-right text-sm font-medium mr-0 w-full"
+                style={{ opacity: showSystemMessage ? '1' : '0' }}
+              >
+                System Message <small className="opacity-40">(default: Sydney)</small>
+              </Label>
             </div>
             {showSystemMessage && (
               <>