Add "Get Started" to Help menu

src-tauri/src/main.rs

@@ -288,7 +288,10 @@ async fn main() {
 			)),
 			MenuEntry::Submenu(Submenu::new(
 				"Help",
-				Menu::with_items([CustomMenuItem::new("Learn More", "Learn More").into()]),
+				Menu::with_items([
+					CustomMenuItem::new("Get Started", "Get Started").into(),
+					CustomMenuItem::new("Learn More", "Learn More").into(),
+				]),
 			)),
 		]))
 		.on_menu_event(|event| match event.menu_item_id() {

src/lib/modals/GetStarted.svelte

@@ -4,7 +4,7 @@
 	import Button from '$lib/Button.svelte'
 	import Link from '$lib/Link.svelte'
 
-	export let visible = true
+	export let visible = false
 </script>
 
 {#if visible}

src/routes/+layout.svelte

@@ -1,3 +1,7 @@
+<script lang="ts" context="module">
+	let getStartedWasShown = false
+</script>
+
 <script lang="ts">
 	import { event } from '@tauri-apps/api'
 	import { checkShortcut, checkModifiers } from '$lib/general'
@@ -65,20 +69,21 @@
 			goto('/', { replaceState: true })
 			$viewOptions.show_all = true
 			$viewOptions.show_archived = false
+		} else if (payload === 'Get Started') {
+			showGetStarted = true
 		}
 	})
 	onDestroy(async () => {
 		const unlisten = await unlistenFuture
 		unlisten()
 	})
-	let getStartedWasSeen = false
-	$: if (
-		!getStartedWasSeen &&
-		$settings &&
-		$settings.channels.length === 0 &&
-		$settings.api_key === ''
-	) {
-		getStartedWasSeen = true
+	let showGetStarted = false
+	$: if (showGetStarted) {
+		getStartedWasShown = true
+	}
+
+	$: if (!getStartedWasShown && $settings?.channels.length === 0 && $settings.api_key === '') {
+		showGetStarted = true
 	}
 </script>
 
@@ -94,9 +99,7 @@
 		bind:visible={$settingsOpen}
 	/>
 
-	{#if getStartedWasSeen}
-		<GetStarted />
-	{/if}
+	<GetStarted bind:visible={showGetStarted} />
 {:else if error}
 	Error loading.