<Miqdad> include ppn all

1 files changed, 44 insertions, 14 deletions

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index b86200ae..89d060d3 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -219,7 +219,6 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
               >
                 {product?.name}
               </Link>
-
               {/* ---------- HARGA ---------- */}
               {product?.flashSale?.id > 0 &&
               product?.lowestPrice.discountPercentage > 0 ? (
@@ -243,21 +242,36 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
 
                     <span
                       className='text-gray_r-11 line-through text-xs sm:text-caption-2 
-           whitespace-nowrap overflow-hidden text-ellipsis max-w-[40%]'
+        whitespace-nowrap overflow-hidden text-ellipsis max-w-[40%]'
                     >
                       {currencyFormat(product.lowestPrice.price)}
                     </span>
                   </div>
+
+                  {/* [ADD] Tampilkan Include PPN pada branch flash sale */}
+                  {product?.lowestPrice.priceDiscount > 0 && (
+                    <div className='text-gray_r-9 text-[10px] font-normal'>
+                      Include PPN:{' '}
+                      {currencyFormat(
+                        Math.round(
+                          Number(product.lowestPrice.priceDiscount) *
+                            process.env.NEXT_PUBLIC_PPN
+                        )
+                      )}
+                    </div>
+                  )}
                 </div>
               ) : (
                 // ===== BUKAN FLASH SALE =====
                 (() => {
-                  const basePrice = product?.lowestPrice?.priceDiscount || 0;
-                  const voucherCut = discount || 0;
+                  const basePrice = Number(
+                    product?.lowestPrice?.priceDiscount || 0
+                  );
+                  const voucherCut = Number(discount || 0);
                   const finalAfterVoucher = Math.max(basePrice - voucherCut, 0);
 
                   // CASE 1: ada harga (>0)
-                  if (product?.lowestPrice?.price > 0) {
+                  if (Number(product?.lowestPrice?.price) > 0) {
                     if (voucherCut > 0) {
                       return (
                         <div className='mb-2'>
@@ -269,20 +283,22 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                               {currencyFormat(finalAfterVoucher)}
                             </span>
 
-                            {/* harga sebelum voucher, dicoret, truncate kalau kepanjangan */}
+                            {/* [OPTIONAL] harga sebelum voucher (coret) kalau mau muncul */}
                             {/* <span
-                              className='text-gray_r-11 line-through text-[11px] leading-snug 
-                     whitespace-nowrap overflow-hidden text-ellipsis max-w-[40%]'
-                            >
-                              {currencyFormat(basePrice)}
-                            </span> */}
+                className='text-gray_r-11 line-through text-[11px] leading-snug 
+                whitespace-nowrap overflow-hidden text-ellipsis max-w-[40%]'
+              >
+                {currencyFormat(basePrice)}
+              </span> */}
                           </div>
 
                           {/* PPN pakai harga finalAfterVoucher */}
                           <div className='text-gray_r-9 text-[10px] font-normal'>
                             Include PPN:{' '}
                             {currencyFormat(
-                              finalAfterVoucher * process.env.NEXT_PUBLIC_PPN
+                              Math.round(
+                                finalAfterVoucher * process.env.NEXT_PUBLIC_PPN
+                              )
                             )}
                           </div>
                         </div>
@@ -296,8 +312,10 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                         <div className='text-gray_r-9 text-[10px] font-normal'>
                           Include PPN:{' '}
                           {currencyFormat(
-                            product.lowestPrice.price *
-                              process.env.NEXT_PUBLIC_PPN
+                            Math.round(
+                              Number(product.lowestPrice.price) *
+                                process.env.NEXT_PUBLIC_PPN
+                            )
                           )}
                         </div>
                       </div>
@@ -492,6 +510,18 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                       {currencyFormat(product.lowestPrice.price)}
                     </span>
                   </div>
+                  {/* [ADD] Tampilkan Include PPN pada branch flash sale */}
+                  {product?.lowestPrice.priceDiscount > 0 && (
+                    <div className='text-gray_r-9 text-[10px] font-normal'>
+                      Include PPN:{' '}
+                      {currencyFormat(
+                        Math.round(
+                          Number(product.lowestPrice.priceDiscount) *
+                            process.env.NEXT_PUBLIC_PPN
+                        )
+                      )}
+                    </div>
+                  )}
                 </div>
               ) : (
                 // ===== BUKAN FLASH SALE =====