From 6c2d3e1a64cb51411ade4069de386817951b801f Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 9 Mar 2025 11:25:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../NotificationItem/ZapNotification.tsx             | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/NotificationList/NotificationItem/ZapNotification.tsx b/src/components/NotificationList/NotificationItem/ZapNotification.tsx
index 79b9ac17..1ac6ae86 100644
--- a/src/components/NotificationList/NotificationItem/ZapNotification.tsx
+++ b/src/components/NotificationList/NotificationItem/ZapNotification.tsx
@@ -27,7 +27,7 @@ export function ZapNotification({
     () => extractZapInfoFromReceipt(notification) ?? ({} as any),
     [notification]
   )
-  const { event } = useFetchEvent(eventId)
+  const { event, isFetching } = useFetchEvent(eventId)
 
   if (!senderPubkey || !amount) return null
 
@@ -43,10 +43,12 @@ export function ZapNotification({
           {formatAmount(amount)} {t('sats')}
         </div>
         {comment && <div className="text-yellow-400 truncate">{comment}</div>}
-        <ContentPreview
-          className={cn('truncate flex-1 w-0', isNew ? 'font-semibold' : 'text-muted-foreground')}
-          event={event}
-        />
+        {eventId && !isFetching && (
+          <ContentPreview
+            className={cn('truncate flex-1 w-0', isNew ? 'font-semibold' : 'text-muted-foreground')}
+            event={event}
+          />
+        )}
       </div>
       <div className="text-muted-foreground shrink-0">
         <FormattedTimestamp timestamp={notification.created_at} short />