diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-09-08 15:32:37 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-09-08 15:32:37 +0700 |
| commit | 4c349516efaee6151456d18162da797e6bd33434 (patch) | |
| tree | f02fa06e92da8adb4b3298ddcc83411173cdb04a /src/lib/product/components/Product/ProductDesktop.jsx | |
| parent | 6e7c23ac2c2a57579e22d5557f61c6962c35cc42 (diff) | |
Add flash sale icon on product detail
Diffstat (limited to 'src/lib/product/components/Product/ProductDesktop.jsx')
| -rw-r--r-- | src/lib/product/components/Product/ProductDesktop.jsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx index 3b9296a8..618c35f5 100644 --- a/src/lib/product/components/Product/ProductDesktop.jsx +++ b/src/lib/product/components/Product/ProductDesktop.jsx @@ -197,7 +197,11 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => { {product?.flashSale?.remainingTime > 0 && ( <div className={`absolute bottom-0 w-full`}> <div className='absolute bottom-0 w-full h-full'> - <ImageNext src={backgorundFlashSale || '/images/GAMBAR-BG-FLASH-SALE.jpg'} width={1000} height={100} /> + <ImageNext + src={backgorundFlashSale || '/images/GAMBAR-BG-FLASH-SALE.jpg'} + width={1000} + height={100} + /> </div> <div className='relative'> <div className='flex gap-x-2 items-center p-2'> @@ -553,7 +557,12 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => { <tbody> {product.variants.map((variant, index) => ( <tr key={variant.id}> - <td>{variant.code}</td> + <td className='flex items-center justify-center gap-x-1'> + {variant.isFlashsale && ( + <span className='blink-color-flash-sale'>🗲</span> + )} + {variant.code} + </td> <td>{variant.attributes.join(', ') || '-'}</td> <td> {isLoadingSLA ? ( |