From 6bd92279dcc4646f169d24e22fa104a645648dbb Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Fri, 2 May 2025 10:22:56 +0100
Subject: [PATCH] fix: note embed in cards

---
 src/element/event-embed.tsx | 6 ++++--
 src/element/note.tsx        | 7 +++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/element/event-embed.tsx b/src/element/event-embed.tsx
index a50c0ce..1e33098 100644
--- a/src/element/event-embed.tsx
+++ b/src/element/event-embed.tsx
@@ -35,7 +35,7 @@ export function EventIcon({ kind }: { kind?: EventKind }) {
 export function NostrEvent({ ev }: { ev: TaggedNostrEvent }) {
   const link = NostrLink.fromEvent(ev);
   function modalPage(inner: ReactNode) {
-    return <div className="rounded-2xl px-4 py-3 md:w-[700px] mx-auto w-full">{inner}</div>;
+    return <div className="rounded-2xl px-4 py-3">{inner}</div>;
   }
 
   switch (ev.kind) {
@@ -83,6 +83,8 @@ export function NostrEvent({ ev }: { ev: TaggedNostrEvent }) {
 export function EventEmbed({ link, ...props }: EventProps & HTMLProps<HTMLDivElement>) {
   const event = useEventFeed(link);
   if (event) {
-    return <NostrEvent ev={event} {...props} />;
+    return <div className="md:w-[700px] mx-auto w-full">
+      <NostrEvent ev={event} {...props} />
+    </div>;
   }
 }
diff --git a/src/element/note.tsx b/src/element/note.tsx
index b41f5ba..1944b17 100644
--- a/src/element/note.tsx
+++ b/src/element/note.tsx
@@ -1,16 +1,19 @@
 import { NostrLink, TaggedNostrEvent } from "@snort/system";
 
-import { ExternalIconLink } from "./external-link";
 import { Profile } from "./profile";
 import EventReactions from "./event-reactions";
 import { Text } from "@/element/text";
+import { Link } from "react-router-dom";
+import { Icon } from "./icon";
 
 export function Note({ ev }: { ev: TaggedNostrEvent }) {
   return (
     <div className="bg-layer-2 rounded-xl px-4 py-3 flex flex-col gap-2">
       <div className="flex justify-between items-center">
         <Profile pubkey={ev.pubkey} avatarSize={30} />
-        <ExternalIconLink size={24} href={`https://snort.social/${NostrLink.fromEvent(ev).encode()}`} />
+        <Link to={`/${NostrLink.fromEvent(ev).encode()}`}>
+          <Icon name="link" size={24} />
+        </Link>
       </div>
       <Text tags={ev.tags} content={ev.content} className="whitespace-pre-line overflow-wrap" />
       <EventReactions ev={ev} />