From 2ac1c3a84032ba819046e1634ca7c46ac0521e3b Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Fri, 6 Oct 2023 15:19:54 +0700
Subject: add condisi if harga tier user lebih rendah dari flash sale

---
 src/lib/product/components/ProductCard.jsx | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

(limited to 'src/lib/product/components/ProductCard.jsx')

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 5f213fe9..91c1f40e 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -89,17 +89,16 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
           >
             {product?.name}
           </Link>
-          {product?.flashSale?.id > 0 ? (
+          {product?.flashSale?.id > 0 && product?.lowestPrice.discountPercentage > 0 ? (
             <>
-              {product?.lowestPrice.discountPercentage > 0 && (
-                <div className='flex gap-x-1 mb-1 items-center'>
-                  <div className='text-gray_r-11 line-through text-[11px] sm:text-caption-2'>
-                    {currencyFormat(product.lowestPrice.price)}
-                  </div>
-                  <div className='badge-solid-red'>{Math.floor( product?.lowestPrice.discountPercentage)}%</div>
+              <div className='flex gap-x-1 mb-1 items-center'>
+                <div className='text-gray_r-11 line-through text-[11px] sm:text-caption-2'>
+                  {currencyFormat(product.lowestPrice.price)}
                 </div>
-              )}
-
+                <div className='badge-solid-red'>
+                  {Math.floor(product?.lowestPrice.discountPercentage)}%
+                </div>
+              </div>
               <div className='text-danger-500 font-semibold mb-2'>
                 {product?.lowestPrice.priceDiscount > 0 ? (
                   currencyFormat(product?.lowestPrice.priceDiscount)
@@ -114,7 +113,8 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                 <>
                   {currencyFormat(product?.lowestPrice.price)}
                   <div className='text-gray_r-9 text-[10px] font-normal mt-2'>
-                    Inc. PPN: {currencyFormat(product.lowestPrice.price * process.env.NEXT_PUBLIC_PPN )}
+                    Inc. PPN:{' '}
+                    {currencyFormat(product.lowestPrice.price * process.env.NEXT_PUBLIC_PPN)}
                   </div>
                 </>
               ) : (
@@ -192,11 +192,13 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
           >
             {product?.name}
           </Link>
-          {product?.flashSale?.id > 0 ? (
+          {product?.flashSale?.id > 0 && product?.lowestPrice?.discountPercentage > 0 ? (
             <>
               {product?.lowestPrice.discountPercentage > 0 && (
                 <div className='flex gap-x-1 mb-1 items-center'>
-                  <div className='badge-solid-red'>{Math.floor(product?.lowestPrice?.discountPercentage)}%</div>
+                  <div className='badge-solid-red'>
+                    {Math.floor(product?.lowestPrice?.discountPercentage)}%
+                  </div>
                   <div className='text-gray_r-11 line-through text-caption-2'>
                     {currencyFormat(product?.lowestPrice?.price)}
                   </div>
@@ -217,7 +219,8 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                 <>
                   {currencyFormat(product?.lowestPrice.price)}
                   <div className='text-gray_r-9 text-[11px] sm:text-caption-2 font-normal mt-2'>
-                    Inc. PPN: {currencyFormat(product.lowestPrice.price * process.env.NEXT_PUBLIC_PPN)}
+                    Inc. PPN:{' '}
+                    {currencyFormat(product.lowestPrice.price * process.env.NEXT_PUBLIC_PPN)}
                   </div>
                 </>
               ) : (
-- 
cgit v1.2.3

