1 files changed, 7 insertions, 4 deletions
diff --git a/src-migrate/modules/product-detail/components/AddToQuotation.tsx b/src-migrate/modules/product-detail/components/AddToQuotation.tsx
index f9b6c2b3..ebfcef32 100644
--- a/src-migrate/modules/product-detail/components/AddToQuotation.tsx
+++ b/src-migrate/modules/product-detail/components/AddToQuotation.tsx
@@ -16,6 +16,7 @@ import { useProductCartContext } from '@/contexts/ProductCartContext';
 import { createSlug } from '~/libs/slug';
 import formatCurrency from '~/libs/formatCurrency';
 import { useProductDetail } from '../stores/useProductDetail';
+import useDevice from '@/core/hooks/useDevice';
 
 type Props = {
   variantId: number | null;
@@ -40,6 +41,7 @@ const AddToQuotation = ({
   });
 
   const { askAdminUrl } = useProductDetail();
+  const { isMobile, isDesktop } = useDevice();
 
   const [product, setProducts] = useState(products);
   const [status, setStatus] = useState<Status>('idle');
@@ -104,12 +106,13 @@ const AddToQuotation = ({
 
   const btnConfig = {
     add_to_cart: {
-      colorScheme: 'yellow',
-
+      colorScheme: 'red',
+      variant: 'outline',
       text: 'Keranjang',
     },
     buy: {
       colorScheme: 'red',
+      variant: 'solid',
       text: 'Beli',
     },
   };
@@ -123,13 +126,13 @@ const AddToQuotation = ({
         className='w-full border-2 p-2 gap-1 hover:bg-slate-100 flex items-center'
       >
         <ImageNext
-          src='/images/writing.png'
+          src= {isDesktop ? '/images/doc_red.svg' : '/images/doc.svg'}
           alt='penawaran instan'
           className=''
           width={25}
           height={25}
         />
-        Penawaran Harga Instan
+        {isDesktop ? 'Penawaran Harga Instan' : ''}
       </Button>
       <BottomPopup
         className='!container'