Merged in Feature/all-promotion (pull request #202)

Feature/all promotion

Approved-by: trisusilo

2 files changed, 66 insertions, 7 deletions

diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx
index 7de96425..2ecf1c03 100644
--- a/src-migrate/pages/shop/cart/index.tsx
+++ b/src-migrate/pages/shop/cart/index.tsx
@@ -1,8 +1,8 @@
 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, Toast, 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';
@@ -19,6 +19,9 @@ 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();
 
@@ -29,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) {
@@ -67,11 +71,27 @@ const CartPage = () => {
     }
   })
 
+  const handleChange = (()=>{
+    setButtonSelectNow(!buttonSelectNow)
+    setIsSelectedAll(!isSelectedAll)
+    setIsButtonChek(!isButtonChek)
+  })
+
   return (
     <>
       <div className={style['title']}>Keranjang Belanja</div>
-
-      <div className='h-6' />
+      <div className='h-2' />
+        <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={style['content']}>
         <div className={style['item-wrapper']}>
@@ -81,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'>
diff --git a/src-migrate/pages/shop/promo/index.tsx b/src-migrate/pages/shop/promo/index.tsx
new file mode 100644
index 00000000..febe31a4
--- /dev/null
+++ b/src-migrate/pages/shop/promo/index.tsx
@@ -0,0 +1,38 @@
+import dynamic from 'next/dynamic'
+import React, { useState } from 'react'
+import { LazyLoadComponent } from 'react-lazy-load-image-component'
+import Hero from '~/modules/promo/components/Hero'
+import PromotionProgram from '~/modules/promo/components/PromotinProgram'
+import Voucher from '~/modules/promo/components/Voucher'
+import FlashSale from '../../../modules/promo/components/FlashSale'
+const PromoList = dynamic(() => import('../../../modules/promo/components/PromoList'));
+
+
+
+const PromoPage = () => {
+  const [selectedPromo, setSelectedPromo] = useState('Bundling');
+  return (
+    <>
+      <LazyLoadComponent>
+        <Hero />
+      </LazyLoadComponent>
+      <LazyLoadComponent>
+        <PromotionProgram 
+                  selectedPromo={selectedPromo} 
+                  onSelectPromo={setSelectedPromo} 
+              />
+        <PromoList selectedPromo={selectedPromo} />
+      </LazyLoadComponent>
+    
+      <LazyLoadComponent>
+        <FlashSale />
+      </LazyLoadComponent>
+      <h1 className='h-1'></h1>
+      <LazyLoadComponent>
+        <Voucher />
+      </LazyLoadComponent>
+    </>
+  )
+}
+
+export default PromoPage
\ No newline at end of file