<Miqdad> variant

1 files changed, 21 insertions, 2 deletions

diff --git a/src-migrate/modules/product-detail/components/AddToCart.tsx b/src-migrate/modules/product-detail/components/AddToCart.tsx
index 95bc1d88..9f66345e 100644
--- a/src-migrate/modules/product-detail/components/AddToCart.tsx
+++ b/src-migrate/modules/product-detail/components/AddToCart.tsx
@@ -17,6 +17,9 @@ import formatCurrency from '~/libs/formatCurrency';
 import { useProductDetail } from '../stores/useProductDetail';
 import { gtagAddToCart } from '@/core/utils/googleTag';
 import axios from 'axios';
+import useDevice from '@/core/hooks/useDevice';
+import MobileView from '@/core/components/views/MobileView';
+import DesktopView from '@/core/components/views/DesktopView';
 type Props = {
   variantId: number | null;
   quantity?: number;
@@ -39,6 +42,8 @@ const AddToCart = ({
     isClosable: true,
   });
 
+  const { isMobile, isDesktop } = useDevice();
+
   const { askAdminUrl } = useProductDetail();
 
   const [product, setProducts] = useState(products);
@@ -158,17 +163,30 @@ const AddToCart = ({
 
   const btnConfig = {
     add_to_cart: {
-      colorScheme: 'yellow',
+      colorScheme: isDesktop ? 'yellow' : 'red',
+      variant: 'solid',
       text: 'Keranjang',
     },
     buy: {
       colorScheme: 'red',
-      text: 'Beli',
+      variant: isDesktop ? 'solid' : 'outline',
+      text: isDesktop ? 'Beli' : 'Beli Sekarang',
     },
   };
 
   return (
     <div className='w-full'>
+      <MobileView>
+      <Button
+        onClick={handleButton}
+        colorScheme={btnConfig[source].colorScheme}
+        variant= {btnConfig[source].variant}
+        className='w-full'
+      >
+        {btnConfig[source].text}
+      </Button>
+      </MobileView>
+      <DesktopView>
       <Button
         onClick={handleButton}
         colorScheme={btnConfig[source].colorScheme}
@@ -176,6 +194,7 @@ const AddToCart = ({
       >
         {btnConfig[source].text}
       </Button>
+      </DesktopView>
       <BottomPopup
         className='!container'
         title='Berhasil Ditambahkan'