From 3f258ea37faf150f201fa76504a874596ee7905f Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 23 Jan 2025 16:40:00 -0800
Subject: unified event endpoint

---
 src/components/Event.svelte | 85 ++++++++++++++++++++++++---------------------
 1 file changed, 46 insertions(+), 39 deletions(-)

(limited to 'src/components/Event.svelte')

diff --git a/src/components/Event.svelte b/src/components/Event.svelte
index 6690ecde..aa8d1ac8 100644
--- a/src/components/Event.svelte
+++ b/src/components/Event.svelte
@@ -29,48 +29,55 @@
   };
 </script>
 
-<div class="space-y-2 dark:border-primary py-8" class:border-b-8={!last}>
-  <div class="flex">
-    <a href={`/${pubkey}/notes`} class="contents">
-      <div class="flex gap-2 items-center">
-        <Avatar user={author} size={16} disabled={true} />
-        <div>
-          <div>
-            <span class="font-bold">{author.display}</span>
-            <span class="text-secondary">@{author.username}</span>
-            <span class="text-secondary">&#x2022; {ago(created_at)}</span>
-          </div>
-          {#if author.lud16}
-            <div class="flex items-center">
-              <iconify-icon
-                noobserver
-                icon="ph:lightning-fill"
-                class="text-yellow-300"
-              ></iconify-icon>
-              {author.lud16}
-            </div>
-          {/if}
-        </div>
+{#snippet heading()}
+  <div class="flex gap-2 items-center">
+    <Avatar user={author} size={16} disabled={true} />
+    <div>
+      <div>
+        <span class="font-bold">{author.displayName}</span>
+        <span class="text-secondary">@{author.name}</span>
+        <span class="text-secondary">&#x2022; {ago(created_at)}</span>
       </div>
-    </a>
+      {#if author.lud16}
+        <div class="flex items-center">
+          <iconify-icon
+            noobserver
+            icon="ph:lightning-fill"
+            class="text-yellow-300"
+          ></iconify-icon>
+          {author.lud16}
+        </div>
+      {/if}
+    </div>
   </div>
+{/snippet}
 
-  <a href={`/e/${id}`} class="contents">
-    <div class="text-2xl space-y-2 break-words">
-      {#each parts as { type, value }, i}
-        {#if type === "text"}
-          {value}
-        {:else if type === "link"}
-          <Media {value} {minimal} />
-        {:else if type.match(/^nostr:np(rofile|ub)$/)}
-          <a href={`/${value.pubkey}`} class="font-bold"
-            >@{names[value.pubkey]}</a
-          >
-        {/if}
-      {/each}
-    </div>
-  </a>
-</div>
+<button
+  onclick={() => goto(`/e/${id}`)}
+  class="space-y-2 dark:border-primary py-8 w-full text-left"
+  class:border-b={!last}
+>
+  {#if minimal}
+    {@render heading()}
+  {:else}
+    <a href={`/${pubkey}/notes`} class="contents">
+      {@render heading()}
+    </a>
+  {/if}
+
+  <div class="text-2xl space-y-2 break-words">
+    {#each parts as { type, value }, i}
+      {#if type === "text"}
+        {value}
+      {:else if type === "link"}
+        <Media {value} {minimal} />
+      {:else if type.match(/^nostr:np(rofile|ub)$/)}
+        <a href={`/${value.pubkey}`} class="font-bold">@{names[value.pubkey]}</a
+        >
+      {/if}
+    {/each}
+  </div>
+</button>
 
 {#if zaps?.length}
   <div class="flex flex-wrap gap-2">
-- 
cgit v1.2.3