From 78d66f7798afcd0f88078d5f0c4130b31802509c Mon Sep 17 00:00:00 2001
From: gxxrxn <rbfks1221@naver.com>
Date: Sat, 8 Jun 2024 16:23:51 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AA=A8=EC=9E=84=20=EC=83=9D=EC=84=B1?=
 =?UTF-8?q?=20=ED=8D=BC=EB=84=90=20=EB=B2=84=ED=8A=BC=EC=97=90=20form?=
 =?UTF-8?q?=EC=9D=B4=20=EC=9C=A0=ED=9A=A8=ED=95=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EC=9C=BC=EB=A9=B4=20disabled=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../create/steps/EnterTitleStep/EnterTitleStep.tsx        | 6 +++++-
 .../steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx       | 6 +++++-
 .../create/steps/SetUpDetailStep/SetUpDetailStep.tsx      | 8 ++++++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/v1/bookGroup/create/steps/EnterTitleStep/EnterTitleStep.tsx b/src/v1/bookGroup/create/steps/EnterTitleStep/EnterTitleStep.tsx
index 56a94cdd..1cdb5841 100644
--- a/src/v1/bookGroup/create/steps/EnterTitleStep/EnterTitleStep.tsx
+++ b/src/v1/bookGroup/create/steps/EnterTitleStep/EnterTitleStep.tsx
@@ -9,7 +9,10 @@ import BottomActionButton from '@/v1/base/BottomActionButton';
 import { TitleField } from './fields';
 
 const EnterTitleStep = ({ onNextStep }: MoveFunnelStepProps) => {
-  const { handleSubmit } = useFormContext<EnterTitleStepFormValues>();
+  const {
+    handleSubmit,
+    formState: { isValid },
+  } = useFormContext<EnterTitleStepFormValues>();
 
   useRemoveVerticalScroll();
 
@@ -24,6 +27,7 @@ const EnterTitleStep = ({ onNextStep }: MoveFunnelStepProps) => {
 
       <BottomActionButton
         type="submit"
+        disabled={!isValid}
         onClick={handleSubmit(() => onNextStep?.())}
       >
         다음
diff --git a/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx b/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx
index 6be2b355..58f6c9c0 100644
--- a/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx
+++ b/src/v1/bookGroup/create/steps/SelectJoinTypeStep/SelectJoinTypeStep.tsx
@@ -10,7 +10,10 @@ export type JoinTypeStepFieldName = keyof SelectJoinTypeStepFormValues;
 export type JoinTypeStepFieldProp = { name: JoinTypeStepFieldName };
 
 const SelectJoinTypeStep = ({ onSubmit }: MoveFunnelStepProps) => {
-  const { handleSubmit } = useFormContext<SelectJoinTypeStepFormValues>();
+  const {
+    handleSubmit,
+    formState: { isValid },
+  } = useFormContext<SelectJoinTypeStepFormValues>();
 
   return (
     <article>
@@ -31,6 +34,7 @@ const SelectJoinTypeStep = ({ onSubmit }: MoveFunnelStepProps) => {
 
       <BottomActionButton
         type="submit"
+        disabled={!isValid}
         onClick={onSubmit && handleSubmit(onSubmit)}
       >
         독서모임 만들기
diff --git a/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx b/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx
index 5cd1405a..7f175ddc 100644
--- a/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx
+++ b/src/v1/bookGroup/create/steps/SetUpDetailStep/SetUpDetailStep.tsx
@@ -30,8 +30,11 @@ const SetUpDetailStep = ({
   goToSelectBookStep,
   onNextStep,
 }: SetUpDetailStepProps) => {
-  const { handleSubmit, getValues } =
-    useFormContext<SetUpDetailStepFormValues>();
+  const {
+    handleSubmit,
+    getValues,
+    formState: { isValid },
+  } = useFormContext<SetUpDetailStepFormValues>();
 
   return (
     <article className="flex flex-col gap-[2.5rem] overflow-y-scroll pb-[7rem]">
@@ -55,6 +58,7 @@ const SetUpDetailStep = ({
 
       <BottomActionButton
         type="submit"
+        disabled={!isValid}
         onClick={handleSubmit(() => onNextStep?.())}
       >
         다음