From 1d169b7905f97f11024e0bfd7621c9bc5e9d13e4 Mon Sep 17 00:00:00 2001
From: Fortyseven <fortyseven@network47.org>
Date: Tue, 20 Aug 2024 05:04:32 -0400
Subject: [PATCH] fix: disable preset dropdown and memory restore when
 sysprompt is locked

---
 src/components/TabPages/Presets/PresetMemory.svelte |  4 +++-
 .../TabPages/Presets/Presets__TextArea.svelte       | 13 ++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/TabPages/Presets/PresetMemory.svelte b/src/components/TabPages/Presets/PresetMemory.svelte
index d4335f2..fd315fe 100644
--- a/src/components/TabPages/Presets/PresetMemory.svelte
+++ b/src/components/TabPages/Presets/PresetMemory.svelte
@@ -1,5 +1,6 @@
 <script>
     import { chatState } from '$stores/chatState';
+    import { appState } from '$stores/stores';
     import { ArrowUpLeft, TextNewLine } from 'carbon-icons-svelte';
 
     let saved_prompt = undefined;
@@ -29,7 +30,8 @@
         class="grid-cols-1"
         on:click={restoreMemory}
         title={saved_prompt?.slice(0, 20) + '...'}
-        disabled={!saved_prompt}><ArrowUpLeft /></button
+        disabled={!saved_prompt || $appState.ui.lock_system}
+        ><ArrowUpLeft /></button
     >
 </div>
 
diff --git a/src/components/TabPages/Presets/Presets__TextArea.svelte b/src/components/TabPages/Presets/Presets__TextArea.svelte
index 83fccba..5f9e4d5 100644
--- a/src/components/TabPages/Presets/Presets__TextArea.svelte
+++ b/src/components/TabPages/Presets/Presets__TextArea.svelte
@@ -3,6 +3,7 @@
 
     import { chatState } from '$stores/chatState';
     import SYSTEM_PROMPTS from '../../../preset-prompts';
+    import { appState } from '$stores/stores';
 
     export let value;
 
@@ -54,7 +55,12 @@
         {...$$restProps}
     />
     <div class="mt-4 grid grid-cols-6 gap-4 place-content-center">
-        <select on:change={usePrompt} bind:this={selectEl} class="col-span-5">
+        <select
+            on:change={usePrompt}
+            bind:this={selectEl}
+            class="col-span-5"
+            disabled={$appState.ui.lock_system}
+        >
             <option value="">Custom</option>
             {#each Object.keys(SYSTEM_PROMPTS) as key}
                 <option value={key}>{SYSTEM_PROMPTS[key].name}</option>
@@ -79,6 +85,11 @@
             outline: none;
         }
     }
+
+    select:disabled {
+        opacity: 0.25;
+    }
+
     // button {
     //     @apply transition-all;
     //     @apply duration-300;