Fix up on-navigation data loading

Maybe this isn't ideal, but whatever.

3 files changed, 13 insertions, 14 deletions

diff --git a/hi-ui/src/routes/(app)/ch/[channel]/+page.js b/hi-ui/src/routes/(app)/ch/[channel]/+page.js
deleted file mode 100644
index 5fd493a..0000000
--- a/hi-ui/src/routes/(app)/ch/[channel]/+page.js
+++ /dev/null
@@ -1,13 +0,0 @@
-export const ssr = false;
-
-import { activeChannel } from '$lib/store';
-
-
-/** @type {import('./$types').PageLoad} */
-export function load({ params }) {
-  let { channel } = params;
-  activeChannel.update((value) => {
-    value.set(channel)
-    return value;
-  });
-}
diff --git a/hi-ui/src/routes/(app)/ch/[channel]/+page.svelte b/hi-ui/src/routes/(app)/ch/[channel]/+page.svelte
index 26b493e..ef439d0 100644
--- a/hi-ui/src/routes/(app)/ch/[channel]/+page.svelte
+++ b/hi-ui/src/routes/(app)/ch/[channel]/+page.svelte
@@ -1,5 +1,17 @@
 <script>
+    import { afterNavigate } from '$app/navigation';
+    import { page } from '$app/stores';
+
+    import { activeChannel } from '$lib/store';
     import ActiveChannel from '$lib/components/ActiveChannel.svelte';
+
+    afterNavigate(async () => {
+        let { channel } = $page.params;
+        activeChannel.update((value) => {
+            value.set(channel)
+            return value;
+        });
+    });
 </script>
 
 <ActiveChannel />
diff --git a/hi-ui/src/routes/+layout.svelte b/hi-ui/src/routes/+layout.svelte
index 8027443..7b99d62 100644
--- a/hi-ui/src/routes/+layout.svelte
+++ b/hi-ui/src/routes/+layout.svelte
@@ -9,7 +9,7 @@
 <div id="app">
     <AppBar>
         <svelte:fragment slot="lead">🌳</svelte:fragment>
-        understory
+            <a href="/">understory</a>
         <svelte:fragment slot="trail">
             {#if $currentUser}
                 <LogOut />