fix(domain/register-work): 공연 기간 버튼 클릭이 submit으로 이어지지 않게 수정

ISSUES CLOSED: #144
newnivers · Feb 5, 2024 · d6c2175 · d6c2175
1 parent b2d5595
commit d6c2175
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/...nts/domains/register-work/form/content/defaultInfo/workPeriodRegister/roundInfo/index.tsx b/...nts/domains/register-work/form/content/defaultInfo/workPeriodRegister/roundInfo/index.tsx
@@ -54,7 +54,11 @@ export function RoundInfo({
         style={{ padding: "0 8px" }}
       >
         <DateTypography typo="body02">{dateName}</DateTypography>
-        <button data-date={workPeriod.date} onClick={onClickRemoveDate}>
+        <button
+          type="button"
+          data-date={workPeriod.date}
+          onClick={onClickRemoveDate}
+        >
           <Image
             src="/icon/default-close.svg"
             width={24}
@@ -83,7 +87,11 @@ export function RoundInfo({
               />
             </Field>
             <SpacerSkleton align="center" gap={12}>
-              <button data-date={workPeriod.date} onClick={onClickAddRound}>
+              <button
+                type="button"
+                data-date={workPeriod.date}
+                onClick={onClickAddRound}
+              >
                 <Image
                   src="/icon/work-period-add.svg"
                   width={24}
@@ -93,6 +101,7 @@ export function RoundInfo({
               </button>
               {idx !== 0 && (
                 <button
+                  type="button"
                   data-date={workPeriod.date}
                   data-round={round.id}
                   onClick={onClickRemoveRound}

diff --git a/...egister-work/form/content/defaultInfo/workPeriodRegister/workPeriodModalContent/index.tsx b/...egister-work/form/content/defaultInfo/workPeriodRegister/workPeriodModalContent/index.tsx
@@ -216,6 +216,7 @@ export function WorkPeriodModalContent({
           style={{ flex: "0.17", padding: "16px 32px" }}
         >
           <DefaultButton
+            type="button"
             onClick={onConfirm}
             disabled={checkInvalidScheduleInfo()}
           >