From b2f0a94dd6e71a6c447e70a9767f747681dff51d Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Wed, 20 Mar 2024 14:07:53 +0100
Subject: [PATCH] Handle link preview image errors

---
 src/components/LinkPreview/LinkPreview.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/LinkPreview/LinkPreview.tsx b/src/components/LinkPreview/LinkPreview.tsx
index 9a6fa48..9ade6fb 100644
--- a/src/components/LinkPreview/LinkPreview.tsx
+++ b/src/components/LinkPreview/LinkPreview.tsx
@@ -49,6 +49,13 @@ const LinkPreview: Component<{ preview: any, id?: string, bordered?: boolean, is
     return k;
   };
 
+  const onError = (event: any) => {
+    const image = event.target;
+    image.onerror = '';
+    image.src = props.preview.images[0];
+    return true;
+  };
+
   return (
     <a
       id={props.id}
@@ -61,6 +68,7 @@ const LinkPreview: Component<{ preview: any, id?: string, bordered?: boolean, is
           class={styles.previewImage}
           src={image()?.media_url}
           style={`width: 100%; height: ${height()}`}
+          onerror={onError}
         />
       </Show>