From f9d6217b166300bc132852685677186ea128e335 Mon Sep 17 00:00:00 2001
From: Savy <savy.novachez011@proton.me>
Date: Tue, 20 May 2025 19:20:14 +0530
Subject: [PATCH] change first run dialog behaviour

---
 src/routes/(home)/+page.svelte | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/routes/(home)/+page.svelte b/src/routes/(home)/+page.svelte
index 0743ca4..02bdf0b 100644
--- a/src/routes/(home)/+page.svelte
+++ b/src/routes/(home)/+page.svelte
@@ -13,6 +13,9 @@
 		LOCAL_STORAGE_ITEMS.memberShortcuts.key,
 		LOCAL_STORAGE_ITEMS.memberShortcuts.default
 	);
+
+	let firstRunDialogIsOpen = $state(true);
+
 	let enabledApps = $derived(
 		APPS.filter((app) => enabledMembers.current.includes(app.label.toLowerCase()))
 	);
@@ -59,7 +62,7 @@
 </div>
 
 {#if firstRun.current}
-	<Dialog open={true} escapeKeydownBehavior="ignore" interactOutsideBehavior="ignore" disableClose>
+	<Dialog bind:open={firstRunDialogIsOpen} disableClose>
 		{#snippet title()}
 			Welcome to <span class="font-pacifico font-normal">rubble</span>
 		{/snippet}
@@ -71,15 +74,15 @@
 		<p class="text-sm">Enjoy exploring!</p>
 
 		{#snippet buttonRight()}
-			<a
-				href="/settings"
-				onclick={() => (firstRun.current = false)}
+			<button
+				onclick={() => {
+					firstRun.current = false;
+					firstRunDialogIsOpen = false;
+				}}
 				class="font-fixel flex-1 rounded-sm rounded-br-2xl bg-amber-50 p-2 text-center text-sm hover:brightness-90"
 			>
-				Go To Settings
-
-				<ArrowRight class="inline" />
-			</a>
+				Ok
+			</button>
 		{/snippet}
 	</Dialog>
 {/if}
-- 
2.51.2