From 9272a07644a75d201753501cfff173b1260963ea Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Wed, 5 Jul 2023 09:29:46 +0700
Subject: cart, checkout dan nav bar mobile

---
 src/lib/variant/components/VariantGroupCard.jsx | 40 +++++--------------------
 1 file changed, 8 insertions(+), 32 deletions(-)

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

diff --git a/src/lib/variant/components/VariantGroupCard.jsx b/src/lib/variant/components/VariantGroupCard.jsx
index aba6971f..dd5983a9 100644
--- a/src/lib/variant/components/VariantGroupCard.jsx
+++ b/src/lib/variant/components/VariantGroupCard.jsx
@@ -26,49 +26,25 @@ const VariantGroupCard = ({ variants, ...props }) => {
                     />
                   </div>
                   <div className='w-8/12 flex flex-col'>
-                    <p className='product-card__title wrap-line-ellipsis-2'>
-                      {item.name}
-                    </p>
-                    <p className='text-caption-2 text-gray_r-11 mt-1'>
-                      {/* {product.code || '-'}
-                      {product.attributes.length > 0 ? ` ・ ${product.attributes.join(', ')}` : ''} */}
-                    </p>
+                    <div className='mb-2'>
+                      <span className='border border-solid border-red-600 rounded-md p-1 text-red-600'>
+                        {variant.program.type.label}
+                      </span>
+                    </div>
+                    <p className='product-card__title wrap-line-ellipsis-2'>{item.name}</p>
                     <p className='text-caption-2 text-gray_r-11 mt-1'>
                       Berat Item : {item.weight} Kg
                     </p>
-                    <div className='flex flex-wrap gap-x-1 items-center mt-auto'>
+                    <div className='flex flex-wrap gap-x-1 items-center mt-1'>
                       {item.price.discountPercentage > 0 && (
                         <>
                           <p className='text-caption-2 text-gray_r-11 line-through'>
                             {currencyFormat(item.price.price)}
                           </p>
-                          <span className='badge-red'>{item.price.discountPercentage}%</span>
                         </>
                       )}
                     </div>
-                    <p className='text-caption-2 text-gray_r-11 mt-1'>
-                      {item.price.priceDiscount > 0
-                        ? currencyFormat(item.price.priceDiscount) +
-                          ' × ' +
-                          item.quantity +
-                          ' Barang'
-                        : ''}
-                    </p>
-                    <p className='text-caption-2 text-gray_r-12 font-bold mt-2'>
-                      {item.price.priceDiscount > 0 ? (
-                        currencyFormat(item.quantity * item.price.priceDiscount)
-                      ) : (
-                        <a
-                          href={whatsappUrl('product', {
-                            name: item.name,
-                            url: createSlug('/shop/product/', item.name, item.id, true)
-                          })}
-                          className='underline text-danger-500'
-                        >
-                          Call For Price{' '}
-                        </a>
-                      )}
-                    </p>
+                    <p className='text-caption-2 text-gray_r-12 font-bold mt-2'>Gratis</p>
                   </div>
                 </div>
               </div>
-- 
cgit v1.2.3

