fix: update info toast dismiss issue

rio-tinto · Oct 7, 2024 · ed9fbe1 · ed9fbe1
1 parent 6e8e045
commit ed9fbe1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git 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
@@ -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}