From 5dd7a881032541e0128095ec1e977adb818cfbf7 Mon Sep 17 00:00:00 2001
From: Arman <arman.kumaraswamy@gmail.com>
Date: Tue, 22 Oct 2024 17:47:58 -0400
Subject: [PATCH] Added product slug to image url

---
 next.config.mjs                                             | 2 +-
 .../products/[category]/[subcategory]/[product]/page.tsx    | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/next.config.mjs b/next.config.mjs
index e7d7f35..6690426 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -17,7 +17,7 @@ const nextConfig = {
         hostname: "bevgyjm5apuichhj.public.blob.vercel-storage.com",
         port: "",
         pathname: "/**",
-        search: "",
+        // search: "",
       },
     ],
   },
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 8ef71ec..78ce506 100644
--- a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
+++ b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
@@ -81,7 +81,11 @@ export default async function Page(props: {
           <Image
             loading="eager"
             decoding="sync"
-            src={productData.image_url ?? "/placeholder.svg?height=64&width=64"}
+            src={
+              productData.image_url
+                ? productData.image_url + `?product=${productData.slug}`
+                : "/placeholder.svg?height=64&width=64"
+            }
             alt={`A small picture of ${productData.name}`}
             height={256}
             quality={80}