1 files changed, 34 insertions, 0 deletions
diff --git a/hi-ui/src/lib/ChannelList.svelte b/hi-ui/src/lib/ChannelList.svelte
new file mode 100644
index 0000000..9f88e24
--- /dev/null
+++ b/hi-ui/src/lib/ChannelList.svelte
@@ -0,0 +1,34 @@
+<script>
+	import { onMount } from 'svelte';
+
+    import { listChannels } from '../apiServer';
+    import { channelsList } from '../store';
+    import Channel from './Channel.svelte';
+
+    let channels;
+    let loading = true;
+
+    channelsList.subscribe((value) => {
+        channels = value;
+    });
+
+	onMount(async () => {
+        let channels = await listChannels();
+        channelsList.update(() => channels.data);
+        loading = false;
+    });
+</script>
+
+<ul class="select-none">
+    {#if loading}
+        <li><em>loading channels&hellip;</em></li>
+    {:else}
+        {#each channels as channel}
+            <Channel {...channel} />
+        {/each}
+    {/if}
+</ul>
+
+<style>
+</style>
+