Change the way threads are displayed

src/routes/spaces/[relay]/[[room]]/+page.svelte

@@ -33,6 +33,7 @@
     GENERAL,
     tagRoom,
     MESSAGE,
+    REPLY,
     getMembershipRoomsByUrl,
   } from "@app/state"
   import {addRoomMembership, removeRoomMembership} from "@app/commands"
@@ -64,6 +65,10 @@
     let previousPubkey
 
     for (const {event} of sortBy(m => m.event.created_at, $channel?.messages || [])) {
+      if (event.kind === REPLY) {
+        continue
+      }
+
       const {id, pubkey, created_at} = event
       const date = formatTimestampAsDate(created_at)
 

src/routes/spaces/[relay]/threads/+page.svelte

@@ -78,8 +78,8 @@
     </p>
   </div>
   <Button
-    class="tooltip tooltip-left fixed bottom-16 right-2 z-feature p-1 md:bottom-4 md:right-4"
-    data-tip="Create an Event"
+    class="tooltip tooltip-left fixed bottom-16 right-4 z-feature p-1 sm:right-8 md:bottom-4 md:right-4"
+    data-tip="Create a Thread"
     on:click={createThread}>
     <div class="btn btn-circle btn-primary flex h-12 w-12 items-center justify-center">
       <Icon icon="notes-minimalistic" />