diff --git a/src/components/nostr/compact/ZapCompactPreview.tsx b/src/components/nostr/compact/ZapCompactPreview.tsx
index 81f6628..be4f398 100644
--- a/src/components/nostr/compact/ZapCompactPreview.tsx
+++ b/src/components/nostr/compact/ZapCompactPreview.tsx
@@ -6,6 +6,7 @@ import {
getZapEventPointer,
getZapAddressPointer,
getZapRequest,
+ getZapRecipient,
} from "applesauce-common/helpers/zap";
import { useNostrEvent } from "@/hooks/useNostrEvent";
import { UserName } from "../UserName";
@@ -13,11 +14,12 @@ import { RichText } from "../RichText";
/**
* Compact preview for Kind 9735 (Zap Receipt)
- * Layout: [amount] [zap message] [target pubkey] [preview]
+ * Layout: [amount] [recipient] [zap message] [preview]
*/
export function ZapCompactPreview({ event }: { event: NostrEvent }) {
const zapAmount = useMemo(() => getZapAmount(event), [event]);
const zapRequest = useMemo(() => getZapRequest(event), [event]);
+ const zapRecipient = useMemo(() => getZapRecipient(event), [event]);
// Get zap comment from request
const zapMessage = useMemo(() => {
@@ -46,6 +48,7 @@ export function ZapCompactPreview({ event }: { event: NostrEvent }) {
{amountInSats.toLocaleString("en", { notation: "compact" })}
+ {zapRecipient && }
{zapMessage && (
)}
{zappedEvent && (
- <>
-
-
-
-
- >
+
+
+
)}
);
diff --git a/src/components/nostr/kinds/ZapReceiptRenderer.tsx b/src/components/nostr/kinds/ZapReceiptRenderer.tsx
index 5e6bbbb..a142d52 100644
--- a/src/components/nostr/kinds/ZapReceiptRenderer.tsx
+++ b/src/components/nostr/kinds/ZapReceiptRenderer.tsx
@@ -8,12 +8,14 @@ import {
getZapEventPointer,
getZapAddressPointer,
getZapSender,
+ getZapRecipient,
isValidZap,
} from "applesauce-common/helpers/zap";
import { useNostrEvent } from "@/hooks/useNostrEvent";
import { KindRenderer } from "./index";
import { RichText } from "../RichText";
import { EventCardSkeleton } from "@/components/ui/skeleton";
+import { UserName } from "../UserName";
/**
* Renderer for Kind 9735 - Zap Receipts
@@ -25,6 +27,7 @@ export function Kind9735Renderer({ event }: BaseEventProps) {
// Get zap details using applesauce helpers
const zapSender = useMemo(() => getZapSender(event), [event]);
+ const zapRecipient = useMemo(() => getZapRecipient(event), [event]);
const zapAmount = useMemo(() => getZapAmount(event), [event]);
const zapRequest = useMemo(() => getZapRequest(event), [event]);
@@ -67,6 +70,12 @@ export function Kind9735Renderer({ event }: BaseEventProps) {
})}
sats
+ {zapRecipient && (
+ <>
+ →
+
+ >
+ )}
{/* Zap comment */}