feat: 수정 요청 보냈을 때, 버튼 disabled로 변경

imddoy · Dec 18, 2024 · c209aa0 · c209aa0
1 parent 14e369f
commit c209aa0
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/pages/modifyManage/ModifyManage.tsx b/src/pages/modifyManage/ModifyManage.tsx
@@ -1,9 +1,6 @@
-//todo: 서버 작업 완료시, API schema 재생성 및 ERROR 없애기 (Gig.tsx, ModifyManage.tsx)
-//todo 보완 설명 - 확인해야하는 API 총 4개
 import {
   usePerformanceDelete,
   usePerformanceEdit,
-  usePostPerformance,
   useUpdatePerformance,
 } from "@apis/domains/performances/queries";
 
@@ -157,7 +154,7 @@ const ModifyManage = () => {
   const { setHeader } = useHeader();
 
   const { data, isLoading, isSuccess } = usePerformanceEdit(Number(performanceId));
-  const { mutateAsync: updatePerformance } = useUpdatePerformance();
+  const { mutateAsync: updatePerformance, isPending } = useUpdatePerformance();
   const { mutate, mutateAsync } = usePerformanceDelete(); // wf: 가독성을 위해 위랑 이름 맞춰주는게 좋을 듯
 
   //presignedUrl을 받아오기 위한 배열
@@ -316,7 +313,6 @@ const ModifyManage = () => {
 
   const { data: S3data, refetch } = useGetPresignedUrl(getPresignedParams);
   const { mutate: putS3 } = usePutS3Upload();
-  const { mutateAsync: postPerformance, isPending } = usePostPerformance();
 
   //비즈니스 로직 분리 - 공연 수정하기 PUT 요청
   const handleComplete = async () => {
@@ -927,7 +923,9 @@ const ModifyManage = () => {
             longitude={dataState.longitude}
           />
           <S.FooterContainer>
-            <Button onClick={handleComplete}>완료하기</Button>
+            <Button disabled={isPending} onClick={handleComplete}>
+              완료하기
+            </Button>
           </S.FooterContainer>
         </>
       );