From 72c8855edc90d91ed851a5eeba2d328aac62f9ee Mon Sep 17 00:00:00 2001
From: Samantha Kellow <sammii.h@icloud.com>
Date: Wed, 26 Jul 2023 20:42:44 +0100
Subject: [PATCH] Show featured items on homepage even if there are <3

---
 components/grid/three-items.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/grid/three-items.tsx b/components/grid/three-items.tsx
index 4a680fc36..51461dcce 100644
--- a/components/grid/three-items.tsx
+++ b/components/grid/three-items.tsx
@@ -33,15 +33,15 @@ export async function ThreeItemGrid() {
     collection: 'hidden-homepage-featured-items'
   });
 
-  if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null;
+  // if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null;
 
   const [firstProduct, secondProduct, thirdProduct] = homepageItems;
 
   return (
     <section className="mx-auto grid max-w-screen-2xl gap-4 px-4 pb-4 lg:grid-cols-6 lg:grid-rows-2">
-      <ThreeItemGridItem size="full" item={firstProduct} />
-      <ThreeItemGridItem size="half" item={secondProduct} />
-      <ThreeItemGridItem size="half" item={thirdProduct} />
+      {firstProduct && <ThreeItemGridItem size="full" item={firstProduct} />}
+      {secondProduct && <ThreeItemGridItem size="half" item={secondProduct} />}
+      {thirdProduct && <ThreeItemGridItem size="half" item={thirdProduct} />}
     </section>
   );
 }