From c8e8a5e0a2314aebce4be0e756ae9f9f71e6a65c Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Tue, 7 Oct 2025 13:26:30 +0700
Subject: <Miqdad> fix mobile

---
 .../components/Product/ProductMobileVariant.jsx    | 37 ++++++++++++----------
 1 file changed, 20 insertions(+), 17 deletions(-)

(limited to 'src/lib/product')

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>
 
-- 
cgit v1.2.3