Generalize menu-closing

2 files changed, 6 insertions, 7 deletions

diff --git a/ui/lib/components/Channel.svelte b/ui/lib/components/Channel.svelte
index 60c9092..3dc5c87 100644
--- a/ui/lib/components/Channel.svelte
+++ b/ui/lib/components/Channel.svelte
@@ -1,17 +1,11 @@
 <script>
-	import { showMenu } from '$lib/store';
-
 	export let id;
 	export let name;
 	export let active = false;
-
-	function hideMenu() {
-		showMenu.update(() => false);
-	}
 </script>
 
 <li class="rounded-full" class:bg-slate-400={active}>
-	<a href="/ch/{id}" on:click={hideMenu}>
+	<a href="/ch/{id}">
 		<span class="badge bg-primary-500">#</span>
 		<span class="flex-auto">{name}</span>
 	</a>
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte
index da205d3..e0355dd 100644
--- a/ui/routes/+layout.svelte
+++ b/ui/routes/+layout.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { onNavigate } from '$app/navigation';
 	import '../app.css';
 	import logo from '$lib/assets/logo.png';
 
@@ -10,6 +11,10 @@
 	function toggleMenu() {
 		showMenu.update((value) => !value);
 	}
+
+	onNavigate(() => {
+		showMenu.update(() => false);
+	});
 </script>
 
 <div id="app" class="m-0 p-0 h-vh w-full">