From f734ff030c62b59d7a969bf4786c62afc94167cf Mon Sep 17 00:00:00 2001
From: dtonon <git@dtonon.com>
Date: Tue, 25 Aug 2026 16:28:55 +0100
Subject: [PATCH] Personalize UI for rooms with few discussions

---
 src/lib/components/DiscussionsFeed.svelte | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/lib/components/DiscussionsFeed.svelte b/src/lib/components/DiscussionsFeed.svelte
index 786fc6a..5eed481 100644
--- a/src/lib/components/DiscussionsFeed.svelte
+++ b/src/lib/components/DiscussionsFeed.svelte
@@ -135,6 +135,13 @@
   const empty = $derived(
     rows.length === 0 && !threadStore.loading && threadStore.exhausted,
   );
+
+  const fairlyNew = $derived(
+    rows.length > 0 &&
+      rows.length < 4 &&
+      !threadStore.loading &&
+      threadStore.exhausted,
+  );
 </script>
 
 <Meta {title} description={about} />
@@ -225,6 +232,19 @@
           {threadStore.loadingMore ? "Loading…" : "Show more"}
         </button>
       </div>
+    {:else if fairlyNew}
+      <div class="flex flex-col items-center gap-6 py-16 text-center">
+        <p class="text-2xl text-neutral-500 md:text-3xl dark:text-neutral-400">
+          This room is fairly new
+        </p>
+        <button
+          onclick={onNewTopic}
+          disabled={joinState.busy}
+          class="bg-accent hover:bg-accent-hover rounded px-6 py-2 font-medium text-white disabled:opacity-50"
+        >
+          {joinState.busy ? "Joining…" : "Start a new discussion"}
+        </button>
+      </div>
     {:else if rows.length > 0}
       <p
         class="py-6 text-center text-sm text-neutral-400 dark:text-neutral-500"