diff options
| -rw-r--r-- | ui/lib/components/Channel.svelte | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/ui/lib/components/Channel.svelte b/ui/lib/components/Channel.svelte index e84c6d0..01b1c87 100644 --- a/ui/lib/components/Channel.svelte +++ b/ui/lib/components/Channel.svelte @@ -1,10 +1,14 @@ <script> - let { id, name, active } = $props(); + let { id, name, active, hasUnreads } = $props(); </script> <li class="rounded-full" class:bg-slate-400={active}> <a href="/ch/{id}"> - <span class="badge bg-primary-500">#</span> + {#if hasUnreads} + <span class="badge bg-warning-500">❦</span> + {:else} + <span class="badge bg-primary-500">¶</span> + {/if} <span class="flex-auto">{name}</span> </a> </li> |