Add labels to the listing

src/lib/components/ThreadItem.svelte

@@ -10,6 +10,7 @@
   export type ThreadRow = {
     id: string;
     title: string;
+    labels: string[];
     author: Author;
     replyCount: number;
     repliers: Author[];
@@ -54,6 +55,13 @@
           {/each}
         </div>
       {/if}
+      {#if thread.labels.length > 0}
+        <div class="ml-auto flex flex-wrap items-center justify-end gap-1">
+          {#each thread.labels as l}
+            <Tag label={l} />
+          {/each}
+        </div>
+      {/if}
     </div>
   </div>
 

src/lib/threads.svelte.ts

@@ -5,6 +5,7 @@ import { RELAY_URL, GROUP_ID } from "$lib/config";
 export type ThreadData = {
   id: string;
   title: string;
+  labels: string[];
   authorPubkey: string;
   createdAt: number;
   replyCount: number;
@@ -42,6 +43,7 @@ export async function loadThreads() {
     threads = events.map((e) => ({
       id: e.id,
       title: e.tags.find((t) => t[0] === "title")?.[1] ?? "(untitled)",
+      labels: e.tags.filter((t) => t[0] === "t" && t[1]).map((t) => t[1]),
       authorPubkey: e.pubkey,
       createdAt: e.created_at,
       replyCount: 0,

src/routes/+page.svelte

@@ -49,6 +49,7 @@
     return {
       id: t.id,
       title: t.title,
+      labels: t.labels,
       author: resolveAuthor(t.authorPubkey, profiles),
       replyCount: t.replyCount,
       repliers: t.replierPubkeys.map((pk) => resolveAuthor(pk, profiles)),