blob: 7826c46be0481be034e33e6334b10fff6d4b446b (
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 ? value.id == id : false;
});
function activate() {
activeChannel.update(() => ({ id, name }));
}
</script>
<li
class="cursor-pointer hover:bg-slate-300"
class:bg-slate-400={active}
on:click={activate}
>
#{name}
</li>
|