From 79953fa4ce3aad6b53e8bf73b782d4ef0eae3388 Mon Sep 17 00:00:00 2001
From: "Aman Kumar [SSW]" <71385247+amankumarrr@users.noreply.github.com>
Date: Mon, 25 Mar 2024 10:30:16 +1100
Subject: [PATCH] Logo - Fixing overlapping text and placeholder image (#2345)

* Logo - Fixing overlapping text and placeholder image

Fixed: #2344

Affected Route: `/logo/ssw`

Screenshot: TODO

* Adding placeholder image

* Adding new broken image

* Removing PNG
---
 components/blocks/colorBlock.tsx    |   4 ++--
 components/blocks/downloadBlock.tsx |   6 ++++--
 public/images/broken-image.jpg      | Bin 0 -> 2548 bytes
 3 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 public/images/broken-image.jpg

diff --git a/components/blocks/colorBlock.tsx b/components/blocks/colorBlock.tsx
index 436029beb3..95138c05ac 100644
--- a/components/blocks/colorBlock.tsx
+++ b/components/blocks/colorBlock.tsx
@@ -51,7 +51,7 @@ const ColorRow = (props: ColorRow) => {
     <>
       <div
         className={classNames(
-          "col-span-1 my-0 flex flex-col items-center justify-center px-4 md:h-10",
+          "col-span-1 my-0 flex flex-col items-center justify-center px-4",
           sswColors[`${firstColor}`]
         )}
       >
@@ -61,7 +61,7 @@ const ColorRow = (props: ColorRow) => {
       </div>
       <div
         className={classNames(
-          "col-span-1 my-0 flex flex-col items-center justify-center px-4 md:h-10",
+          "col-span-1 my-0 flex flex-col items-center justify-center px-4 ",
           sswColors[`${secondColor}`]
         )}
       >
diff --git a/components/blocks/downloadBlock.tsx b/components/blocks/downloadBlock.tsx
index 6d40ed156f..e334eb4e80 100644
--- 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.jpg";
   return (
     <div className="col-span-1">
       <div className={classNames("py-3 text-black md:px-6")}>
@@ -69,10 +71,10 @@ 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}
diff --git a/public/images/broken-image.jpg b/public/images/broken-image.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5cf43a426439072993e0b563337781db878d8993
GIT binary patch
literal 2548
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
R>LNWV%OSb`?}`Nn{{?;ZCWrt4

literal 0
HcmV?d00001