🔧 chore: 제출시 버튼에 disabled 추가 #37

dnd-side-project · Aug 29, 2024 · 2446e78 · 2446e78
1 parent bb3fcc2
commit 2446e78
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/(home)/festivals/new/_components/CreateFestivalButton.tsx b/src/app/(home)/festivals/new/_components/CreateFestivalButton.tsx
@@ -6,19 +6,22 @@ interface Props {
   totalStep: number;
   currentStep: number;
   onNext: () => void;
+  disabled?: boolean;
 }
 
 const CreateFestivalButton: FC<Props> = ({
   currentStep,
   totalStep,
   onNext,
+  disabled,
 }) => {
   return (
     <div className="fixed bottom-[8px] w-full max-w-none px-[16px] lg:max-w-[450px]">
       <BasicButton
         type={totalStep === currentStep ? "submit" : "button"}
         label={currentStep === 1 ? "다음" : "페스티벌 등록하기"}
         onClick={onNext}
+        disabled={disabled}
       />
     </div>
   );

diff --git a/src/app/(home)/festivals/new/view.tsx b/src/app/(home)/festivals/new/view.tsx
@@ -78,7 +78,11 @@ const CreateFestivalView: FC<Props> = ({ moods, categories }) => {
     resolver: zodResolver(CreateFestivalSchema),
   });
 
-  const { trigger, handleSubmit } = methods;
+  const {
+    trigger,
+    handleSubmit,
+    formState: { isSubmitting },
+  } = methods;
 
   const { currentStep, handleNextStep, handlePrevStep } =
     useStep<CreateFestivalType>(
@@ -106,6 +110,7 @@ const CreateFestivalView: FC<Props> = ({ moods, categories }) => {
             totalStep={TOTAL_STEP}
             currentStep={currentStep}
             onNext={handleNextStep}
+            disabled={isSubmitting}
           />
         </form>
       </section>