From 7de377988752caf9e308de175417d1817fb896e6 Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Fri, 3 Feb 2023 08:33:07 +0800
Subject: [PATCH] fix: og image hidden while load error

---
 src/common/component/Message/URLPreview.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/common/component/Message/URLPreview.tsx b/src/common/component/Message/URLPreview.tsx
index 57ed5f23..5417462f 100644
--- a/src/common/component/Message/URLPreview.tsx
+++ b/src/common/component/Message/URLPreview.tsx
@@ -31,6 +31,12 @@ export default function URLPreview({ url = "" }) {
   const handleFavError = () => {
     setFavicon("");
   };
+  const handleOGImageError = () => {
+    setData(prev => {
+      if (!prev) return prev;
+      return { ...prev, ogImage: "" };
+    });
+  };
   if (!url || !data || !data.title) return null;
   const { title, description, ogImage } = data;
 
@@ -41,7 +47,7 @@ export default function URLPreview({ url = "" }) {
       <h3 className={`text-base text-primary-500 w-full ${dotsClass}`}>{title}</h3>
       <p className={`text-xs text-gray-400 mb-2 w-full ${dotsClass}`}>{description}</p>
       <div className="w-full h-[180px]">
-        <img className="w-full h-full object-cover" src={ogImage} alt="og image" />
+        <img className="w-full h-full object-cover" onError={handleOGImageError} src={ogImage} alt="og image" />
       </div>
     </a>
   ) : (