Style Channels differently when they have unreads

I dunno, I like the fleuron. Maybe it's too twee?

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>