Merged in Feature/iman-unchek-cart (pull request #209)

Feature/iman unchek cart

Approved-by: trisusilo

3 files changed, 15 insertions, 26 deletions

diff --git a/src-migrate/modules/cart/components/Item.tsx b/src-migrate/modules/cart/components/Item.tsx
index 74180fc9..47893498 100644
--- a/src-migrate/modules/cart/components/Item.tsx
+++ b/src-migrate/modules/cart/components/Item.tsx
@@ -20,7 +20,7 @@ type Props = {
   pilihSemuaCart?: boolean 
 }
 
-const CartItem = ({ item, editable = true, pilihSemuaCart }: Props) => {
+const CartItem = ({ item, editable = true,}: Props) => {
 
   return (
     <div className={style.wrapper}>
@@ -46,7 +46,7 @@ const CartItem = ({ item, editable = true, pilihSemuaCart }: Props) => {
 
       <div className={style.mainProdWrapper}>
         {editable && (
-          <CartItemSelect item={item} itemSelected={pilihSemuaCart} />
+          <CartItemSelect item={item} />
         )}
         <div className='w-4' />
 
diff --git a/src-migrate/modules/cart/components/ItemAction.tsx b/src-migrate/modules/cart/components/ItemAction.tsx
index e73d507b..e5e7f314 100644
--- a/src-migrate/modules/cart/components/ItemAction.tsx
+++ b/src-migrate/modules/cart/components/ItemAction.tsx
@@ -11,6 +11,7 @@ import { deleteUserCart, upsertUserCart } from '~/services/cart'
 
 import { useDebounce } from 'usehooks-ts'
 import { useCartStore } from '../stores/useCartStore'
+import { useProductCartContext } from '@/contexts/ProductCartContext'
 
 
 type Props = {
@@ -19,7 +20,7 @@ type Props = {
 
 const CartItemAction = ({ item }: Props) => {
   const auth = getAuth()
-
+  const { setRefreshCart } = useProductCartContext()
   const [isLoadDelete, setIsLoadDelete] = useState<boolean>(false)
   const [isLoadQuantity, setIsLoadQuantity] = useState<boolean>(false)
 
@@ -36,6 +37,7 @@ const CartItemAction = ({ item }: Props) => {
     await deleteUserCart(auth.id, [item.cart_id])
     await loadCart(auth.id)
     setIsLoadDelete(false)
+    setRefreshCart(true)
   }
 
   const decreaseQty = () => { setQuantity((quantity) => quantity -= 1) }
diff --git a/src-migrate/modules/cart/components/ItemSelect.tsx b/src-migrate/modules/cart/components/ItemSelect.tsx
index 6b6b8f2b..b904a1de 100644
--- a/src-migrate/modules/cart/components/ItemSelect.tsx
+++ b/src-migrate/modules/cart/components/ItemSelect.tsx
@@ -1,5 +1,5 @@
 import { Checkbox, Spinner } from '@chakra-ui/react'
-import React, { useState, useEffect } from 'react'
+import React, { useState } from 'react'
 
 import { getAuth } from '~/libs/auth'
 import { CartItem } from '~/types/cart'
@@ -9,17 +9,15 @@ import { useCartStore } from '../stores/useCartStore'
 
 type Props = {
   item: CartItem
-  itemSelected?: boolean
 }
 
-const CartItemSelect = ({ item, itemSelected }: Props) => {
+const CartItemSelect = ({ item }: Props) => {
   const auth = getAuth()
   const { loadCart } = useCartStore()
 
   const [isLoad, setIsLoad] = useState<boolean>(false)
-  const [isChecked, setIsChecked] = useState<boolean>(itemSelected ?? true)
 
-  const handleChange = async (isChecked: boolean) => {
+  const handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
     if (typeof auth !== 'object') return
 
     setIsLoad(true)
@@ -28,40 +26,29 @@ const CartItemSelect = ({ item, itemSelected }: Props) => {
       type: item.cart_type,
       id: item.id,
       qty: item.quantity,
-      selected: isChecked,
+      selected: e.target.checked
     })
     await loadCart(auth.id)
     setIsLoad(false)
   }
 
-  useEffect(() => {
-    if (typeof itemSelected === 'boolean') {
-      setIsChecked(itemSelected)
-      handleChange(itemSelected)
-    }
-  }, [itemSelected])
-
-  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { checked } = e.target
-    setIsChecked(checked)
-    handleChange(checked)
-  }
-
   return (
     <div className='w-6 my-auto'>
-      {isLoad && <Spinner className='my-auto' size='sm' />}
+      {isLoad && (
+        <Spinner className='my-auto' size='sm' />
+      )}
 
       {!isLoad && (
         <Checkbox
           borderColor='gray.600'
           colorScheme='red'
           size='lg'
-          isChecked={isChecked}
-          onChange={handleCheckboxChange}
+          isChecked={item.selected}
+          onChange={handleChange}
         />
       )}
     </div>
   )
 }
 
-export default CartItemSelect
+export default CartItemSelect
\ No newline at end of file