fix: prevent multiple post request

BTS-Busan-Trip-Supporter · Oct 1, 2024 · 4daf96e · 4daf96e
1 parent eed0e1b
commit 4daf96e
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 21 deletions.
diff --git a/src/components/travel/traveler/TravelerActivityRecommendation.tsx b/src/components/travel/traveler/TravelerActivityRecommendation.tsx
@@ -67,11 +67,12 @@ export function TravelerActivityRecommendation({
   const { createToast } = useToast();
 
   useEffect(() => {
-    createToast(
-      'info',
-      '기존 계획에 특정 시간대가 추가되어있다면, 추천에서 해당 시간대를 추가하더라도 추가되지 않습니다.',
-      5000,
-    );
+    if (!isLoading)
+      createToast(
+        'info',
+        '기존 계획에 특정 시간대가 추가되어있다면, 추천에서 해당 시간대를 추가하더라도 추가되지 않습니다.',
+        5000,
+      );
   }, [isLoading]);
 
   return (

diff --git a/src/components/travel/traveler/TravelerScheduleConfirm.tsx b/src/components/travel/traveler/TravelerScheduleConfirm.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import styled from '@emotion/styled';
+import { useState } from 'react';
 
 import { useToast } from '@/features/toast';
 import {
@@ -22,6 +23,8 @@ export function TravelerScheduleConfirm({
 }) {
   const { tourInfo, activities, setIsLoading, load } = useTripStore();
 
+  const [enabled, setEnabled] = useState<boolean>(true);
+
   const { createToast } = useToast();
 
   return (
@@ -46,6 +49,8 @@ export function TravelerScheduleConfirm({
       ))}
       <styles.confirmButton
         onClick={() => {
+          if (!enabled) return;
+
           if (
             !tourInfo.name ||
             !tourInfo.locationName ||
@@ -76,22 +81,24 @@ export function TravelerScheduleConfirm({
                 contentTypeId: act.tourSpotDto.typeId,
               },
             })),
-          }).then((res) => {
-            const { data: logId } = res;
-
-            setIsLoading(true);
-            getTripSchedule(logId)
-              .then((dto) => {
-                load(dto);
-                onNextPage();
-              })
-              .catch(() => {
-                createToast('error', '다시 시도해주세요.');
-              })
-              .finally(() => {
-                setIsLoading(false);
-              });
-          });
+          })
+            .then((res) => {
+              const { data: logId } = res;
+
+              setIsLoading(true);
+              getTripSchedule(logId)
+                .then((dto) => {
+                  load(dto);
+                  onNextPage();
+                })
+                .catch(() => {
+                  createToast('error', '다시 시도해주세요.');
+                })
+                .finally(() => {
+                  setIsLoading(false);
+                });
+            })
+            .finally(() => setEnabled(false));
         }}
       >
         여행 완성