Compute the active channel from the current routing state, not from a store.

1 files changed, 3 insertions, 5 deletions

diff --git a/ui/lib/components/ChannelList.svelte b/ui/lib/components/ChannelList.svelte
index e0e5f06..316e404 100644
--- a/ui/lib/components/ChannelList.svelte
+++ b/ui/lib/components/ChannelList.svelte
@@ -2,17 +2,15 @@
     import { channelsList } from '$lib/store';
     import Channel from './Channel.svelte';
 
-    let channels;
+    export let active = null;
 
-    channelsList.subscribe((value) => {
-        channels = value.channels;
-    });
+    $: channels = $channelsList.channels;
 </script>
 
 <nav class="list-nav">
     <ul>
         {#each channels as channel}
-            <Channel {...channel} />
+            <Channel {...channel} active={active === channel.id} />
         {/each}
     </ul>
 </nav>