1 files changed, 18 insertions, 0 deletions
diff --git a/ui/src/lib/components/ChannelList.svelte b/ui/src/lib/components/ChannelList.svelte
new file mode 100644
index 0000000..e0e5f06
--- /dev/null
+++ b/ui/src/lib/components/ChannelList.svelte
@@ -0,0 +1,18 @@
+<script>
+    import { channelsList } from '$lib/store';
+    import Channel from './Channel.svelte';
+
+    let channels;
+
+    channelsList.subscribe((value) => {
+        channels = value.channels;
+    });
+</script>
+
+<nav class="list-nav">
+    <ul>
+        {#each channels as channel}
+            <Channel {...channel} />
+        {/each}
+    </ul>
+</nav>