diff options
| -rw-r--r-- | src/lib/product/components/Product/ProductMobileVariant.jsx | 37 |
1 files changed, 20 insertions, 17 deletions
diff --git a/src/lib/product/components/Product/ProductMobileVariant.jsx b/src/lib/product/components/Product/ProductMobileVariant.jsx index c3c8a584..cab8e9be 100644 --- a/src/lib/product/components/Product/ProductMobileVariant.jsx +++ b/src/lib/product/components/Product/ProductMobileVariant.jsx @@ -291,9 +291,25 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => { </div> </div> + <div className='h4'/> {/* TOMBOL AKSI */} - <div className='mt-3'> - <div className='flex gap-x-3'> + <div className='flex gap-2 mt-3'> + {/* Tombol Dokumen */} + <Button + onClick={() => handleButton(product.id)} + className='flex items-center justify-center p-2 border-2 hover:bg-slate-100' + variant='outline' + title='Lihat Dokumen' + > + <ImageNext + src='/images/doc.svg' + width={18} + height={18} + alt='Dokumen' + /> + </Button> + {/* Container untuk tombol aksi utama */} + <div className='flex-1 flex gap-2'> <Button onClick={() => handleClickCart(product.id, Number(quantityInput || 1)) @@ -301,6 +317,7 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => { className='flex-1' colorScheme='red' variant='outline' + isDisabled={product.stock === 0} > Keranjang </Button> @@ -310,25 +327,11 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => { } className='flex-1' colorScheme='red' + isDisabled={product.stock === 0} > Beli </Button> </div> - - <Button - onClick={() => handleButton(product.id)} - color='red' - colorScheme='white' - className='w-full border-2 p-2 gap-1 mt-2 hover:bg-slate-100 flex items-center' - > - <ImageNext - src='/images/writing.png' - alt='penawaran instan' - width={25} - height={25} - /> - Penawaran Harga Instan - </Button> </div> </div> |