diff options
| author | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-07-05 09:29:46 +0700 |
|---|---|---|
| committer | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-07-05 09:29:46 +0700 |
| commit | 9272a07644a75d201753501cfff173b1260963ea (patch) | |
| tree | b1d79ae462266e21ff15c3ae0b827379309b5fc7 /src/lib/variant/components | |
| parent | 8b173abd19630b7cab5f0f562925c46e3f71d096 (diff) | |
cart, checkout dan nav bar mobile
Diffstat (limited to 'src/lib/variant/components')
| -rw-r--r-- | src/lib/variant/components/VariantGroupCard.jsx | 40 |
1 files changed, 8 insertions, 32 deletions
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> |