<Miqdad> fix mobile

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>