Adding placeholder image

SSWConsulting · Mar 21, 2024 · 4ecfe63 · 4ecfe63
1 parent 752e778
commit 4ecfe63
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/blocks/downloadBlock.tsx b/components/blocks/downloadBlock.tsx
@@ -58,6 +58,8 @@ const Download = (data: Downloads) => {
     secondLink,
     secondLinkText,
   } = data;
+
+  const srcImage = img && !isImgBroken ? img : "/images/broken-image.png";
   return (
     <div className="col-span-1">
       <div className={classNames("py-3 text-black md:px-6")}>
@@ -69,14 +71,14 @@ const Download = (data: Downloads) => {
           )}
           data-tina-field={tinaField(data, "img")}
         >
-          {img && !isImgBroken && (
+          {img && (
             <Image
               onError={() => setIsImgBroken(true)}
-              src={img}
+              src={srcImage}
               alt={header}
               height={400}
               width={210}
-              style={{ width: "auto", height: "100%" }}
+              style={{ width: "100%", height: "auto" }}
             />
           )}
         </div>

diff --git a/public/images/broken-image.png b/public/images/broken-image.png