1 files changed, 44 insertions, 11 deletions

diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx
index d89707d2..1f89c7a3 100644
--- a/src-migrate/pages/shop/cart/index.tsx
+++ b/src-migrate/pages/shop/cart/index.tsx
@@ -1,9 +1,10 @@
 import style from './cart.module.css';
 
-import React, { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import Link from 'next/link';
-import { Button, Tooltip } from '@chakra-ui/react';
-
+import { Button, Checkbox, Toast, Tooltip } from '@chakra-ui/react';
+import { toast } from 'react-hot-toast';
+import { useRouter } from 'next/router';
 import { getAuth } from '~/libs/auth';
 import { useCartStore } from '~/modules/cart/stores/useCartStore';
 
@@ -15,8 +16,12 @@ import CartSummaryMobile from '~/modules/cart/components/CartSummaryMobile';
 import Image from '~/components/ui/image';
 
 const CartPage = () => {
+  const router = useRouter();
   const auth = getAuth();
   const [isStepApproval, setIsStepApproval] = React.useState(false);
+  const [isSelectedAll, setIsSelectedAll] = useState<boolean>(false);
+  const [isButtonChek, setIsButtonChek] = useState<boolean>(false);
+  const [buttonSelectNow, setButtonSelectNow] = useState<boolean>(true);
 
   const { loadCart, cart, summary } = useCartStore();
 
@@ -27,8 +32,9 @@ const CartPage = () => {
       loadCart(auth.id);
       setIsStepApproval(auth?.feature?.soApproval);
     }
-  }, [auth, loadCart, cart]);
-
+  }, [auth, loadCart, cart, isButtonChek, ]);
+  
+  
   const hasSelectedPromo = useMemo(() => {
     if (!cart) return false;
     for (const item of cart.products) {
@@ -52,11 +58,39 @@ const CartPage = () => {
     }
     return false;
   }, [cart]);
+  
+  const handleCheckout = (()=>{
+      router.push('/shop/checkout');
+  })
+
+  const handleQuotation = (()=>{
+    if(hasSelectedPromo || !hasSelected){
+      toast.error('Maaf, Barang promo tidak dapat dibuat quotation');
+    }else{
+      router.push('/shop/quotation');
+    }
+  })
+
+  const handleChange = (()=>{
+    setButtonSelectNow(!buttonSelectNow)
+    setIsSelectedAll(!isSelectedAll)
+    setIsButtonChek(!isButtonChek)
+  })
 
   return (
     <>
       <div className={style['title']}>Keranjang Belanja</div>
-
+        <div className='flex items-center object-center mt-2'>
+          <Checkbox
+            borderColor='gray.600'
+            colorScheme='red'
+            size='lg'
+            isChecked={isButtonChek}
+            onChange={handleChange}
+          /> <p className='p-2 text-caption-2'>
+              {buttonSelectNow? "Select all" : "Unchek all" } 
+            </p> 
+        </div>
       <div className='h-6' />
 
       <div className={style['content']}>
@@ -67,8 +101,9 @@ const CartPage = () => {
 
           <div className={style['items']}>
             {cart?.products.map((item) => (
-              <CartItem key={item.id} item={item} />
+              <CartItem key={item.id} item={item} pilihSemuaCart={isSelectedAll}  />
             ))}
+            
 
             {cart?.products?.length === 0 && (
               <div className='flex flex-col items-center'>
@@ -121,8 +156,7 @@ const CartPage = () => {
                   colorScheme='yellow'
                   w='full'
                   isDisabled={hasSelectedPromo || !hasSelected}
-                  as={Link}
-                  href='/shop/quotation'
+                  onClick={handleQuotation}
                 >
                   Quotation
                 </Button>
@@ -138,8 +172,7 @@ const CartPage = () => {
                     colorScheme='red'
                     w='full'
                     isDisabled={!hasSelected || hasSelectNoPrice}
-                    as={Link}
-                    href='/shop/checkout'
+                    onClick={handleCheckout}
                   >
                     Checkout
                   </Button>