From fc77794a015f8fed5e8af4c9a320ca8b0fbb7d23 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 16 Oct 2024 13:42:39 +0700
Subject: <iman> update tampilan mobile

---
 src/lib/variant/components/VariantCard.jsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

(limited to 'src/lib/variant/components/VariantCard.jsx')

diff --git a/src/lib/variant/components/VariantCard.jsx b/src/lib/variant/components/VariantCard.jsx
index 68cdf54f..08b7a97e 100644
--- a/src/lib/variant/components/VariantCard.jsx
+++ b/src/lib/variant/components/VariantCard.jsx
@@ -103,30 +103,42 @@ const VariantCard = ({ product, openOnClick = true, buyMore = false }) => {
             </div>
           </div>
         </div>
-
       </div>
       <div className='w-8/12 flex flex-col'>
-        <p className='product-card__title wrap-line-ellipsis-2'>{product.parent.name}</p>
+        <p className='product-card__title wrap-line-ellipsis-2'>
+          {product.parent.name}
+        </p>
         <p className='text-caption-2 text-gray_r-11 mt-1'>
           {product.code || '-'}
-          {product.attributes.length > 0 ? ` ・ ${product.attributes.join(', ')}` : ''}
+          {product.attributes.length > 0
+            ? ` ・ ${product.attributes.join(', ')}`
+            : ''}
         </p>
         <p className='text-caption-2 text-gray_r-11 mt-1'>
           Berat Item : {product?.weight} Kg x {product?.quantity} Barang
         </p>
+        <p className='text-[10px] text-red-500 italic mt-2'>
+          {product.availableQuantity} barang ini bisa di pickup maksimal pukul
+          16.00
+        </p>
         <div className='flex flex-wrap gap-x-1 items-center mt-auto'>
           {product.hasFlashsale && (
             <>
               <p className='text-caption-2 text-gray_r-11 line-through'>
                 {currencyFormat(product.price.price)}
               </p>
-              <span className='badge-red'>{product.price.discountPercentage}%</span>
+              <span className='badge-red'>
+                {product.price.discountPercentage}%
+              </span>
             </>
           )}
         </div>
         <p className='text-caption-2 text-gray_r-11 mt-1'>
           {product.price.priceDiscount > 0
-            ? currencyFormat(product.price.priceDiscount) + ' × ' + product.quantity + ' Barang'
+            ? currencyFormat(product.price.priceDiscount) +
+              ' × ' +
+              product.quantity +
+              ' Barang'
             : ''}
         </p>
         <p className='text-caption-2 text-gray_r-12 font-bold mt-2'>
-- 
cgit v1.2.3

