From a5a78c27410f5cf1ae7393b9fcf737bfddfb5ac7 Mon Sep 17 00:00:00 2001
From: Shusui MOYATANI <syusui.s@gmail.com>
Date: Mon, 15 Jan 2024 21:30:04 +0900
Subject: [PATCH] fix: types

---
 src/components/event/ZapReceipt.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/event/ZapReceipt.tsx b/src/components/event/ZapReceipt.tsx
index 0cc68d7..1b62d46 100644
--- a/src/components/event/ZapReceipt.tsx
+++ b/src/components/event/ZapReceipt.tsx
@@ -81,13 +81,15 @@ const ZapReceiptDisplay: Component<ZapReceiptProps> = (props) => {
         </div>
         <div class="notification-user flex gap-1 overflow-hidden">
           <div class="author-icon h-5 w-5 shrink-0 overflow-hidden rounded">
-            <Show when={senderProfile()?.picture != null}>
-              <img
-                src={thumbnailUrl(senderProfile()?.picture, 'icon')}
-                alt="icon"
-                // TODO autofit
-                class="h-full w-full object-cover"
-              />
+            <Show when={senderProfile()?.picture} keyed>
+              {(url) => (
+                <img
+                  src={thumbnailUrl(url, 'icon')}
+                  alt="icon"
+                  // TODO autofit
+                  class="h-full w-full object-cover"
+                />
+              )}
             </Show>
           </div>
           <div class="flex min-w-0 flex-1 overflow-hidden">