From 06f53a688230b677233f1cc204d72c9844e4b622 Mon Sep 17 00:00:00 2001
From: Jannik Streidl <jannik.stdl@gmail.com>
Date: Thu, 22 Feb 2024 15:35:31 +0100
Subject: [PATCH] settings fix -> updates value directly

---
 src/lib/components/chat/Settings/Interface.svelte |  3 +++
 src/lib/components/chat/WhatsChangedModal.svelte  | 12 +++++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/Settings/Interface.svelte b/src/lib/components/chat/Settings/Interface.svelte
index 4af5c0bf2..8ddb0133b 100644
--- a/src/lib/components/chat/Settings/Interface.svelte
+++ b/src/lib/components/chat/Settings/Interface.svelte
@@ -32,6 +32,9 @@
 
 	const toggleenableWhatsChanged = async () => {
 		enableWhatsChanged = !enableWhatsChanged;
+		if (enableWhatsChanged) {
+			showWhatsChanged.update((value) => true);
+		}
 		saveSettings({ enableWhatsChanged: enableWhatsChanged });
 	};
 
diff --git a/src/lib/components/chat/WhatsChangedModal.svelte b/src/lib/components/chat/WhatsChangedModal.svelte
index 85f5ef980..057416ec0 100644
--- a/src/lib/components/chat/WhatsChangedModal.svelte
+++ b/src/lib/components/chat/WhatsChangedModal.svelte
@@ -4,19 +4,25 @@
 	import { WEBUI_NAME, WEB_UI_VERSION, RELEASE_NOTES } from '$lib/constants';
 	import { config, showWhatsChanged } from '$lib/stores';
 
+	export let show = false;
+
 	function toggleVisibility() {
 		showWhatsChanged.update((value) => !value);
 	}
+
+	function handleClick() {
+		toggleVisibility();
+	}
 </script>
 
-<Modal>
+<Modal bind:show>
 	<div class="px-5 py-4 dark:text-gray-300">
 		<div class="flex justify-between items-start">
 			<div class="text-xl font-bold">
 				{WEBUI_NAME}
 				<Confetti x={[-1, -0.25]} y={[0, 0.5]} />
 			</div>
-			<button class="self-center" on:click={toggleVisibility}>
+			<button class="self-center" on:click={handleClick}>
 				<svg
 					xmlns="http://www.w3.org/2000/svg"
 					viewBox="0 0 20 20"
@@ -58,7 +64,7 @@
 		</div>
 		<div class="m-4 flex justify-end pt-3 text-sm font-medium">
 			<button
-				on:click={toggleVisibility}
+				on:click={handleClick}
 				class=" rounded px-4 py-2 overflow-hidden group bg-green-600 relative hover:bg-gradient-to-r hover:from-green-600 hover:to-green-500 text-white hover:ring-2 hover:ring-offset-2 hover:ring-green-500 transition-all ease-out duration-300"
 			>
 				<span