2 files changed, 12 insertions, 25 deletions

diff --git a/src-migrate/modules/cart/components/Item.tsx b/src-migrate/modules/cart/components/Item.tsx
index a337a47c..88a6a975 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/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