From 49b2f0db2a8d8822a0c8a5c7d0ff8d453de2466f Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Wed, 30 Oct 2024 03:26:35 +0900
Subject: [PATCH] Refactor LoreBookData.svelte to add toggle button for always
 active state

---
 src/lib/SideBars/LoreBook/LoreBookData.svelte | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/lib/SideBars/LoreBook/LoreBookData.svelte b/src/lib/SideBars/LoreBook/LoreBookData.svelte
index 1b6e7e0e..3f8cb622 100644
--- a/src/lib/SideBars/LoreBook/LoreBookData.svelte
+++ b/src/lib/SideBars/LoreBook/LoreBookData.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { XIcon } from "lucide-svelte";
+    import { XIcon, LinkIcon, SunIcon } from "lucide-svelte";
     import { language } from "../../../lang";
     import type { loreBook } from "../../../ts/storage/database.svelte";
     import { alertConfirm } from "../../../ts/alert";
@@ -50,6 +50,20 @@
         }}>
             <span>{value.comment.length === 0 ? value.key.length === 0 ? "Unnamed Lore" : value.key : value.comment}</span>
         </button>
+        <button
+            class="mr-1"
+            class:text-textcolor2={!value.alwaysActive}
+            class:text-textcolor={value.alwaysActive}
+            onclick={async () => {
+                value.alwaysActive = !value.alwaysActive
+            }}
+        >
+            {#if value.alwaysActive}
+                <SunIcon size={20} />
+            {:else}
+                <LinkIcon size={20} />
+            {/if}
+        </button>
         <button class="valuer" onclick={async () => {
             const d = await alertConfirm(language.removeConfirm + value.comment)
             if(d){
@@ -59,7 +73,7 @@
                 onRemove()
             }
         }}>
-            <XIcon />
+            <XIcon size={20} />
         </button>
     </div>
     {#if open}