From ba4c78f0c7a2bd7a3c9c1919bcbda6c443e21acd Mon Sep 17 00:00:00 2001
From: KaichiManabe <154493010+KaichiManabe@users.noreply.github.com>
Date: Tue, 11 Feb 2025 18:41:11 +0900
Subject: [PATCH 1/2] =?UTF-8?q?img=E3=82=BF=E3=82=B0=E3=81=AB=E5=A4=89?=
 =?UTF-8?q?=E6=9B=B4=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/components/ImageFallback.tsx | 44 +++++++++++++++++---------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/web/components/ImageFallback.tsx b/web/components/ImageFallback.tsx
index 9e449b9e..953da5f5 100644
--- a/web/components/ImageFallback.tsx
+++ b/web/components/ImageFallback.tsx
@@ -13,26 +13,30 @@ export function ImageFallback({ width, height, url }: Props) {
     : url;
 
   return (
-    <object
-      data={URL}
-      type="image/webp"
-      width={width} // there probably prevent style shaking
-      height={height}
-      style={{
-        width,
-        height,
-        objectFit: "cover",
-        borderRadius: "50%",
-        pointerEvents: "none",
+    // <object
+    //   data={URL}
+    //   type="image/webp"
+    //   width={width} // there probably prevent style shaking
+    //   height={height}
+    //   style={{
+    //     width,
+    //     height,
+    //     objectFit: "cover",
+    //     borderRadius: "50%",
+    //     pointerEvents: "none",
+    //   }}
+    // >
+    <img
+      // src="/avatar.svg"
+      src={URL}
+      onError={(e) => {
+        (e.target as HTMLImageElement).src = "/avatar.svg";
       }}
-    >
-      <img
-        src="/avatar.svg"
-        width={width}
-        height={height}
-        style={{ width, height }}
-        alt=""
-      />
-    </object>
+      width={width}
+      height={height}
+      style={{ width, height, borderRadius: "50%" }}
+      alt=""
+    />
+    // </object>
   );
 }

From 7239516b551106ee47123a4ee83772cfac538728 Mon Sep 17 00:00:00 2001
From: KaichiManabe <154493010+KaichiManabe@users.noreply.github.com>
Date: Tue, 11 Feb 2025 18:49:21 +0900
Subject: [PATCH 2/2] =?UTF-8?q?object=E3=81=AE=E3=82=B3=E3=83=A1=E3=83=B3?=
 =?UTF-8?q?=E3=83=88=E3=82=92=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/components/ImageFallback.tsx | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/web/components/ImageFallback.tsx b/web/components/ImageFallback.tsx
index 953da5f5..f8f2f113 100644
--- a/web/components/ImageFallback.tsx
+++ b/web/components/ImageFallback.tsx
@@ -13,21 +13,7 @@ export function ImageFallback({ width, height, url }: Props) {
     : url;
 
   return (
-    // <object
-    //   data={URL}
-    //   type="image/webp"
-    //   width={width} // there probably prevent style shaking
-    //   height={height}
-    //   style={{
-    //     width,
-    //     height,
-    //     objectFit: "cover",
-    //     borderRadius: "50%",
-    //     pointerEvents: "none",
-    //   }}
-    // >
     <img
-      // src="/avatar.svg"
       src={URL}
       onError={(e) => {
         (e.target as HTMLImageElement).src = "/avatar.svg";
@@ -37,6 +23,5 @@ export function ImageFallback({ width, height, url }: Props) {
       style={{ width, height, borderRadius: "50%" }}
       alt=""
     />
-    // </object>
   );
 }