From a2435512c3a29533fc16f7a2375bfd4aac43057c Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 17 Jan 2025 16:53:58 -0800
Subject: event page

---
 src/routes/(app)/e/[id]/+page.server.ts |  6 ++++--
 src/routes/(app)/e/[id]/+page.svelte    | 21 +++++++++++++++++----
 2 files changed, 21 insertions(+), 6 deletions(-)

(limited to 'src/routes/(app)')

diff --git a/src/routes/(app)/e/[id]/+page.server.ts b/src/routes/(app)/e/[id]/+page.server.ts
index 4bad1b9b..78e3ea6e 100644
--- a/src/routes/(app)/e/[id]/+page.server.ts
+++ b/src/routes/(app)/e/[id]/+page.server.ts
@@ -1,12 +1,14 @@
-import { get } from "$lib/utils";
+import { get, post } from "$lib/utils";
 import { error } from "@sveltejs/kit";
 
 export async function load({ params }) {
 	try {
 		const event = await get(`/event/${params.id}`);
+		const { parts, names } = await post("/parseEvent", { event });
 		const author = await get(`/users/${event.pubkey}`);
 		const zaps = await get(`/zaps/${params.id}`);
-		return { author, event, zaps };
+
+		return { author, event, names, parts, zaps };
 	} catch (e) {
 		console.log(e);
 		error(500, { message: "Failed to get event" });
diff --git a/src/routes/(app)/e/[id]/+page.svelte b/src/routes/(app)/e/[id]/+page.svelte
index 891ee0eb..15e2be72 100644
--- a/src/routes/(app)/e/[id]/+page.svelte
+++ b/src/routes/(app)/e/[id]/+page.svelte
@@ -1,18 +1,31 @@
 <script>
   import Avatar from "$comp/Avatar.svelte";
+  import Media from "$comp/Media.svelte";
+
   let { data } = $props();
-  let { author, event, zaps } = $derived(data);
+  let { author, event, names, parts, zaps } = $derived(data);
 
   let zap = () => {};
 </script>
 
-<div class="container px-4 max-w-xl mx-auto space-y-5 break-words">
+<div class="container px-4 max-w-xl mx-auto space-y-5">
   <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">
     Event
   </h1>
-  <div class="flex items-center gap-2 text-2xl">
+  <div class="flex gap-2 text-2xl">
     <Avatar user={author} size={16} />
-    <div class="break-words overflow-wrap">{event.content}</div>
+
+    <div class="space-y-5">
+      {#each parts as { type, value }, i}
+        {#if type === "text"}
+          {value}
+        {:else if type === "link"}
+          <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>
   <a href={`/send/zap/${event.pubkey}/${event.id}`} class="btn btn-accent">
     <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
-- 
cgit v1.2.3