Display thread title

2024-10-29 14:02:51 -07:00
parent 3f143b7aa2
commit 16c942c917
11 changed files with 63 additions and 41 deletions
@@ -16,19 +16,23 @@
  )
 </script>

-{#each groupedReactions.entries() as [content, events]}
-  {@const isOwn = events.some(e => e.pubkey === $pubkey)}
-  {@const onClick = () => onReactionClick(content, events)}
-  <button
-    type="button"
-    class="flex-inline btn btn-neutral btn-xs gap-1 rounded-full"
-    class:border={isOwn}
-    class:border-solid={isOwn}
-    class:border-primary={isOwn}
-    on:click|stopPropagation={onClick}>
-    <span>{displayReaction(content)}</span>
-    {#if events.length > 1}
-      <span>{events.length}</span>
-    {/if}
-  </button>
-{/each}
+{#if $reactions.length > 0}
+  <div class="flex gap-2">
+    {#each groupedReactions.entries() as [content, events]}
+      {@const isOwn = events.some(e => e.pubkey === $pubkey)}
+      {@const onClick = () => onReactionClick(content, events)}
+      <button
+        type="button"
+        class="flex-inline btn btn-neutral btn-xs gap-1 rounded-full"
+        class:border={isOwn}
+        class:border-solid={isOwn}
+        class:border-primary={isOwn}
+        on:click|stopPropagation={onClick}>
+        <span>{displayReaction(content)}</span>
+        {#if events.length > 1}
+          <span>{events.length}</span>
+        {/if}
+      </button>
+    {/each}
+  </div>
+{/if}