From a70316e64bcc9bad7fb626056f9cc58d1858dff9 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 21 Jan 2025 23:26:32 -0800
Subject: notes

---
 src/components/Event.svelte | 125 ++++++++++++++++++++++++++++----------------
 1 file changed, 81 insertions(+), 44 deletions(-)

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

diff --git a/src/components/Event.svelte b/src/components/Event.svelte
index 6b974915..b94443d2 100644
--- a/src/components/Event.svelte
+++ b/src/components/Event.svelte
@@ -2,56 +2,77 @@
   import Avatar from "$comp/Avatar.svelte";
   import Media from "$comp/Media.svelte";
   import { goto } from "$app/navigation";
+  import { fail, ago, post } from "$lib/utils";
+  import { sign } from "$lib/nostr";
+  import Pin from "$comp/Pin.svelte";
+  import { pin } from "$lib/store";
 
-  let { event, minimal } = $props();
-  let { author, parts, zaps, names } = $derived(event);
-  let go = () => goto(`/thread/${event.id}`);
-  console.log("AUTHOR", event.author);
+  let amount = 21;
+  let { event, minimal, heading = true } = $props();
+  let { author, parts, zaps, names, created_at } = $derived(event);
+  let { id } = event;
+
+  let zapping = $state();
+  let zap = async () => {
+    zapping = true;
+    try {
+      const body = new FormData();
+
+      let request = await post("/post/zapRequest", { amount, id });
+      let { pr: payreq } = await post("/post/zap", {
+        event: await sign(request),
+      });
+      await post("/post/payments", { amount, payreq });
+    } catch (e) {
+      fail(e.message);
+    }
+  };
 </script>
 
-<div class="space-y-5">
-  <div class="flex gap-2 items-center">
-    <Avatar user={author} size={16} />
-    <a href={`/${author.pubkey}/notes`} class="contents">
-      <div>
-        <div class="font-bold">
-          {author.display} &mdash; {author.username}
-        </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 class="space-y-2 border-b-8 dark:border-primary py-8">
+  {#if heading}
+    <div class="flex">
+      <a href={`/${author.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>
-        {/if}
-      </div>
-    </a>
-  </div>
-
-  <div class="text-2xl space-y-5 break-words" onclick={go}>
-    {#each parts as { type, value }, i}
-      {#if type === "text"}
-        {value}
-      {:else if type === "link" && !minimal}
-        <Media {value} />
-      {:else if type.match(/^nostr:np(rofile|ub)$/)}
-        <a href={`/${value.pubkey}`} class="font-bold">@{names[value.pubkey]}</a
-        >
-      {/if}
-    {/each}
-  </div>
-</div>
+        </div>
+      </a>
+    </div>
+  {/if}
 
-{#if !minimal}
-  <a href={`/send/zap/${event.pubkey}/${event.id}`} class="btn btn-accent">
-    <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
-    ></iconify-icon>
-    Zap
+  <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>
-{/if}
+</div>
 
 {#if zaps?.length}
   <div class="flex flex-wrap gap-2">
@@ -65,3 +86,19 @@
     {/each}
   </div>
 {/if}
+
+{#if !minimal}
+  <div class="justify-center flex">
+    <btn onclick={zap} class="btn btn-accent items-center">
+      <div class="flex gap-1 items-center">
+        <iconify-icon
+          noobserver
+          icon="ph:lightning-fill"
+          class="text-yellow-300"
+          width={32}
+        ></iconify-icon>
+        <div>Zap</div>
+      </div>
+    </btn>
+  </div>
+{/if}
-- 
cgit v1.2.3