From 7e7eabe340573aad1ecde205c4b37656f86f88dd Mon Sep 17 00:00:00 2001
From: Arman <arman.kumaraswamy@gmail.com>
Date: Fri, 18 Oct 2024 17:06:04 -0400
Subject: [PATCH] Only show related products if exists

---
 .../products/[category]/[subcategory]/[product]/page.tsx  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
index 4d80ba6..fa9e952 100644
--- a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
+++ b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
@@ -75,9 +75,11 @@ export default async function Page(props: {
         <AddToCartForm productSlug={productData.slug} />
       </div>
       <div className="pt-8">
-        <h2 className="text-lg font-bold text-green-800">
-          Explore more products
-        </h2>
+        {related.length > 0 && (
+          <h2 className="text-lg font-bold text-green-800">
+            Explore more products
+          </h2>
+        )}
         <div className="grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-4">
           {related?.map((product) => (
             <ProductLink