From ed9fbe153b9dfc43637c2d15b021d209a1c06e4d Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Sun, 6 Oct 2024 23:41:50 -0700
Subject: [PATCH] fix: update info toast dismiss issue

---
 src/lib/components/layout/UpdateInfoToast.svelte | 6 ++----
 src/routes/(app)/+layout.svelte                  | 8 +++++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/layout/UpdateInfoToast.svelte b/src/lib/components/layout/UpdateInfoToast.svelte
index 4dc84e0ef7..d7e6b53dd7 100644
--- a/src/lib/components/layout/UpdateInfoToast.svelte
+++ b/src/lib/components/layout/UpdateInfoToast.svelte
@@ -26,13 +26,11 @@
 		>
 	</div>
 
-	<div class=" flex-shrink-0 pl-2">
+	<div class=" flex-shrink-0 pr-1">
 		<button
 			class=" hover:text-blue-900 dark:hover:text-blue-300 transition"
 			on:click={() => {
-				console.log('closeToast');
-				localStorage.setItem('dismissedUpdateToast', Date.now().toString());
-				dispatch('closeToast');
+				dispatch('close');
 			}}
 		>
 			<XMark />
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 0f005d3b77..bd711470ac 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -229,7 +229,13 @@
 
 {#if version && compareVersion(version.latest, version.current)}
 	<div class=" absolute bottom-8 right-8 z-50" in:fade={{ duration: 100 }}>
-		<UpdateInfoToast {version} />
+		<UpdateInfoToast
+			{version}
+			on:close={() => {
+				localStorage.setItem('dismissedUpdateToast', Date.now().toString());
+				version = null;
+			}}
+		/>
 	</div>
 {/if}