From 6df02d6a2bf6d5ea77f7703917f2709562308a1a Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sun, 20 Nov 2022 01:08:57 +0700
Subject: Improve page transition and product card badge

---
 src/pages/shop/product/[slug].js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'src/pages/shop/product')

diff --git a/src/pages/shop/product/[slug].js b/src/pages/shop/product/[slug].js
index 923962e2..352edb99 100644
--- a/src/pages/shop/product/[slug].js
+++ b/src/pages/shop/product/[slug].js
@@ -46,7 +46,7 @@ export default function ProductDetail({product}) {
       const dataSimilarProducts = await apiOdoo('GET', `/api/v1/product/${getId(slug)}/similar?limit=20`);
       setSimilarProducts(dataSimilarProducts);
     }
-    getSimilarProducts();
+    if (slug) getSimilarProducts();
   }, [slug]);
 
   useEffect(() => {
@@ -81,8 +81,7 @@ export default function ProductDetail({product}) {
   return (
     <>
       <Header title={`${product.name} - Indoteknik`}/>
-      <Layout key={`/shop/product/${slug}`}>
-
+      <Layout>
         <LazyLoadImage effect="blur" src={product.image} alt={product.name} className="border-b border-gray-300 w-full h-[300px] object-contain object-center bg-white" />
         <div className="p-4 pb-10">
           <Link href={'/shop/brands/' + createSlug(product.manufacture.name, product.manufacture.id)}>
@@ -96,7 +95,7 @@ export default function ProductDetail({product}) {
 
           {product.lowest_price.discount_percentage > 0 ? (
             <div className="flex gap-x-1 items-center">
-              <span className="badge-yellow">{activeVariant.price.discount_percentage}%</span>
+              <span className="badge-red">{activeVariant.price.discount_percentage}%</span>
               <p className="text-xs text-gray-800 line-through">{currencyFormat(activeVariant.price.price)}</p>
             </div>
           ) : ''} 
@@ -169,7 +168,6 @@ export default function ProductDetail({product}) {
             <h2 className="h1 mb-4">Produk Lainnya</h2>
             <ProductSlider products={similarProducts}/>
           </div>
-
         </div>
       </Layout>
     </>
-- 
cgit v1.2.3