feat: 선택 삭제시 api delete하는 기능 구현

feb-dain · May 22, 2023 · 8563b26 · 8563b26
1 parent 39c9219
commit 8563b26
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/hooks/useRemoveCheckedItemsFromCart.ts b/src/hooks/useRemoveCheckedItemsFromCart.ts
@@ -1,10 +1,14 @@
 import { useSetRecoilState } from 'recoil';
+import { CART_URL } from '../constants/url';
 import { cartState } from '../recoil';
 import { CartItem } from '../types';
+import { useFetchData } from './useFetchData';
 
 export const useRemoveCheckedItemsFromCart = (checkedItemIdList: number[]) => {
   const setCart = useSetRecoilState(cartState);
 
+  const { api } = useFetchData();
+
   const removeAllCheckedItemsFromCart = (prev: CartItem[]) => {
     const cart = [...prev];
     const updatedCart = cart.filter((item) => !checkedItemIdList.includes(item.id));
@@ -13,6 +17,7 @@ export const useRemoveCheckedItemsFromCart = (checkedItemIdList: number[]) => {
   };
 
   const removeCheckedItemsFromCart = () => {
+    checkedItemIdList.forEach((id) => api.delete(`${CART_URL}/${id}`, { id }));
     setCart((prev: CartItem[]) => removeAllCheckedItemsFromCart(prev));
   };