<Miqdad> match prod variant with prod detail website

2 files changed, 19 insertions, 3 deletions

diff --git a/src/lib/product/components/Product/ProductDesktopVariant.jsx b/src/lib/product/components/Product/ProductDesktopVariant.jsx
index f876d369..e770d66b 100644
--- a/src/lib/product/components/Product/ProductDesktopVariant.jsx
+++ b/src/lib/product/components/Product/ProductDesktopVariant.jsx
@@ -565,7 +565,8 @@ const ProductDesktopVariant = ({
               <Button
                 onClick={() => handleAddToCart(product.id)}
                 className='w-full'
-                colorScheme='yellow'
+                colorScheme='red'
+                variant={'outline'}
               >
                 Keranjang
               </Button>
diff --git a/src/lib/product/components/Product/ProductMobileVariant.jsx b/src/lib/product/components/Product/ProductMobileVariant.jsx
index de5c3f10..d1e7c7e9 100644
--- a/src/lib/product/components/Product/ProductMobileVariant.jsx
+++ b/src/lib/product/components/Product/ProductMobileVariant.jsx
@@ -237,7 +237,22 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => {
                 onChange={(e) => setQuantity(e.target.value)}
               />
             </div>
-            <button
+            <Button
+              onClick={() => handleClickCart(product.id)}
+              className='flex-1'
+              colorScheme='red'
+              variant={'outline'}
+            >
+              Keranjang
+            </Button>
+            <Button
+              onClick={() => handleClickBuy(product.id)}
+              className='flex-1'
+              colorScheme='red'
+            >
+              Beli
+            </Button>
+            {/* <button
               type='button'
               className='btn-yellow flex-1'
               onClick={handleClickCart}
@@ -250,7 +265,7 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => {
               onClick={handleClickBuy}
             >
               Beli
-            </button>
+            </button> */}
           </div>
           <Button
             onClick={() => handleButton(product.id)}