summaryrefslogtreecommitdiff
path: root/hi-ui/src/lib/ChannelList.svelte
blob: 9f88e24a2c2fea9f4969e13d5279534ad10a8fc6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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>