diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/product/components/ProductCard.jsx | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx index ac1ab29b..5912f837 100644 --- a/src/lib/product/components/ProductCard.jsx +++ b/src/lib/product/components/ProductCard.jsx @@ -685,10 +685,16 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => { </div> )} - {discount > 0 && product?.flashSale?.id < 1 && ( - <div className='flex gap-x-1 mb-1 text-sm'> - <div className='inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20'> - Voucher : {currencyFormat(discount)} + {discount > 0 && (product?.flashSale?.id ?? 0) < 1 && ( + <div className='mt-1 mb-1'> + <div className='inline-flex items-center gap-2 text-green-600'> + <span className='text-[9pt] font-semibold'>Voucher</span> + <span className='inline-flex items-center gap-1.5 rounded bg-green-50 px-2.5 py-0.5 ring-0'> + <TicketIcon className='h-3.5 w-3.5' /> + <span className='text-sm font-extrabold tabular-nums'> + {currencyFormat(discount)} + </span> + </span> </div> </div> )} |