summaryrefslogtreecommitdiff
path: root/hi-ui/src/lib/Channel.svelte
blob: ad0759469d1e251910a6178e2ac6918c1c2a2bff (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
    import { activeChannel } from '../store';

    export let id;
    export let name;
    let active = false;

    activeChannel.subscribe((value) => {
        active = value.is(id);
    });

    function activate() {
        activeChannel.update((value) => value.set(id));
    }
</script>

<li
    class="cursor-pointer hover:bg-slate-300"
    class:bg-slate-400={active}
    on:click={activate}
>
    #{name}
</li>