From b4e3e08be8b4633372bccad8ffceb499f19eb9f0 Mon Sep 17 00:00:00 2001
From: bangonicdd <157843588+bangonicdd2@users.noreply.github.com>
Date: Fri, 7 Feb 2025 13:00:39 +0900
Subject: [PATCH] fix: toggles should be reactive

---
 src/lib/SideBars/SideChatList.svelte | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/lib/SideBars/SideChatList.svelte b/src/lib/SideBars/SideChatList.svelte
index 26053bc8..3c2a454e 100644
--- a/src/lib/SideBars/SideChatList.svelte
+++ b/src/lib/SideBars/SideChatList.svelte
@@ -18,8 +18,6 @@
   import { getChatBranches } from "src/ts/gui/branches";
   import { getModuleToggles } from "src/ts/process/modules";
 
-  let parsedCustomToggles: [string, string][] = parseKeyValue(DBState.db.customPromptTemplateToggle + getModuleToggles())
-
   interface Props {
     chara: character|groupChat;
   }
@@ -224,12 +222,12 @@
         {#if DBState.db.characters[$selectedCharID]?.chaId !== '§playground'}
 
             
-            {#if parsedCustomToggles.length > 4}
+            {#if parseKeyValue(DBState.db.customPromptTemplateToggle + getModuleToggles()).length > 4}
                 <div class="h-48 border-darkborderc p-2 border rounded flex flex-col items-start mt-2 overflow-y-auto">
                     <div class="flex mt-2 items-center w-full" class:justify-end={$MobileGUI}>
                         <CheckInput bind:check={DBState.db.jailbreakToggle} name={language.jailbreakToggle} reverse />
                     </div>
-                    {#each parsedCustomToggles as toggle}
+                    {#each parseKeyValue(DBState.db.customPromptTemplateToggle + getModuleToggles()) as toggle}
                         <div class="flex mt-2 items-center w-full" class:justify-end={$MobileGUI}>
                             <CheckInput check={DBState.db.globalChatVariables[`toggle_${toggle[0]}`] === '1'} reverse name={toggle[1]} onChange={() => {
                                 DBState.db.globalChatVariables[`toggle_${toggle[0]}`] = DBState.db.globalChatVariables[`toggle_${toggle[0]}`] === '1' ? '0' : '1'
@@ -242,11 +240,11 @@
                         </div>
                     {/if}
                 </div>
-            {:else if parsedCustomToggles.length > 0}
+            {:else if parseKeyValue(DBState.db.customPromptTemplateToggle + getModuleToggles()).length > 0}
                 <div class="flex mt-2 items-center">
                     <CheckInput bind:check={DBState.db.jailbreakToggle} name={language.jailbreakToggle} reverse/>
                 </div>
-                {#each parsedCustomToggles as toggle}
+                {#each parseKeyValue(DBState.db.customPromptTemplateToggle + getModuleToggles()) as toggle}
                     <div class="flex mt-2 items-center">
                         <CheckInput check={DBState.db.globalChatVariables[`toggle_${toggle[0]}`] === '1'} reverse name={toggle[1]} onChange={() => {
                             DBState.db.globalChatVariables[`toggle_${toggle[0]}`] = DBState.db.globalChatVariables[`toggle_${toggle[0]}`] === '1' ? '0' : '1'