refactor:(useOrder): api 성공시에만 후행로직이 실행되도록 개선

woowacourse · Jun 9, 2023 · 425dd52 · 425dd52
1 parent ef488dc
commit 425dd52
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/components/CheckOutPriceSection/CheckOutPriceSection.tsx b/src/components/CheckOutPriceSection/CheckOutPriceSection.tsx
@@ -5,7 +5,7 @@ import useCartCheckBox from 'hooks/useCartCheckBox';
 import useCheckOutPriceText from './hooks/useCheckOutPriceText';
 
 const CheckOutPriceSection = () => {
-  const { handleCreateOrder } = useOrder();
+  const { createOrder } = useOrder();
   const { checkedCartProductIds } = useCartCheckBox();
   const {
     productTotalPriceText,
@@ -45,7 +45,7 @@ const CheckOutPriceSection = () => {
         </Box>
       </PriceSection>
       <ConfirmButtonBox sizing={{ width: '100%' }}>
-        <OrderConfirmButton onClick={handleCreateOrder} isActive={isCheckedProductsExist}>
+        <OrderConfirmButton onClick={createOrder} isActive={isCheckedProductsExist}>
           {orderConfirmButtonText}
         </OrderConfirmButton>
       </ConfirmButtonBox>

diff --git a/src/components/CheckOutPriceSection/hooks/useOrder.ts b/src/components/CheckOutPriceSection/hooks/useOrder.ts
@@ -21,15 +21,12 @@ const useOrder = () => {
       alert('상품을 주문하지 못했어요. 다시 시도해주세요');
       return;
     }
-  };
 
-  const handleCreateOrder = async () => {
-    await createOrder();
     setCartProducts(await getCartProducts());
     navigate(ROUTE_PATH.ORDER_LIST);
   };
 
-  return { handleCreateOrder };
+  return { createOrder };
 };
 
 export default useOrder;