From db242fb980ee5a48884066f3673edf54c3d40f05 Mon Sep 17 00:00:00 2001
From: n4n5 <its.just.n4n5@gmail.com>
Date: Sun, 30 Jun 2024 19:21:39 +0200
Subject: [PATCH] change cover img

---
 src/web-check-live/components/Results/SocialTags.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/web-check-live/components/Results/SocialTags.tsx b/src/web-check-live/components/Results/SocialTags.tsx
index 32fd114..db238e6 100644
--- a/src/web-check-live/components/Results/SocialTags.tsx
+++ b/src/web-check-live/components/Results/SocialTags.tsx
@@ -17,6 +17,15 @@ const cardStyles = `
   }
 `;
 
+const OgBanner = ({ ogImage, ogUrl }: { ogImage: string; ogUrl?: string }): JSX.Element => {
+  const urlCover = ogImage.startsWith("/") && ogUrl ? `${ogUrl}${ogImage}` : ogImage;
+  return (
+      <div className="banner-image">
+          <img src={urlCover} alt="Banner" />
+      </div>
+  );
+};
+
 const SocialTagsCard = (props: {data: any, title: string, actionButtons: any }): JSX.Element => {
   const tags = props.data;
   return (
@@ -36,7 +45,7 @@ const SocialTagsCard = (props: {data: any, title: string, actionButtons: any }):
       { tags.author && <Row lbl="Author" val={tags.author} />}
       { tags.publisher && <Row lbl="Publisher" val={tags.publisher} />}
       { tags.generator && <Row lbl="Generator" val={tags.generator} />}
-      { tags.ogImage && <div className="banner-image"><img src={tags.ogImage} alt="Banner" /></div> }
+      {tags.ogImage && <OgBanner ogImage={tags.ogImage} ogUrl={tags.ogUrl} />}
     </Card>
   );
 }