summaryrefslogtreecommitdiff
path: root/ui/lib/components/ChannelList.svelte
blob: f7376c1f39bd9cde44d62d897fab1c238b002080 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
	import { channelsList } from '$lib/store';
	import Channel from './Channel.svelte';

	export let active = null;

	$: channels = $channelsList.channels;
</script>

<nav class="list-nav">
	<ul>
		{#each channels as channel}
			<Channel {...channel} active={active === channel.id} />
		{/each}
	</ul>
</nav>