Merge pull request #348 from TEAM-BEAT/fix/#347/FixDuplicationRegister

[Hotfix/#347] 공연 등록 및 예매 중복 요청 방지

src/pages/book/Book.tsx

@@ -218,8 +218,6 @@ const Book = () => {
     }
   }, [isLogin, selectedValue, bookerInfo, easyPassword, isTermChecked]);
 
-  console.log("booking", isMemberBookPending);
-
   if (isLoading) {
     return <Loading />;
   }
@@ -314,7 +312,12 @@ const Book = () => {
           <Button variant="gray" size="medium" onClick={handleSheetClose}>
             다시 할게요
           </Button>
-          <Button variant="primary" size="medium" onClick={handleClickBookRequst}>
+          <Button
+            variant="primary"
+            size="medium"
+            disabled={isGuestBookingPending || isMemberBookPending}
+            onClick={handleClickBookRequst}
+          >
             예매할게요
           </Button>
         </OuterLayout>

src/pages/register/Register.tsx

@@ -158,9 +158,12 @@ const Register = () => {
 
   const { data, refetch } = useGetPresignedUrl(params);
   const { mutate } = usePutS3Upload();
-  const { mutateAsync: postPerformance } = usePostPerformance();
+  const { mutateAsync: postPerformance, isPending } = usePostPerformance();
 
   const handleComplete = async () => {
+    if (isPending) {
+      return;
+    }
     const { data, isSuccess } = await refetch();
 
     let posterUrls;
@@ -586,7 +589,9 @@ const Register = () => {
           }))}
         />
         <S.FooterContainer>
-          <Button onClick={handleComplete}>완료하기</Button>
+          <Button onClick={handleComplete} disabled={isPending}>
+            완료하기
+          </Button>
         </S.FooterContainer>
       </>
     );