feat: step 상태에 따라 button 색상 변경

BCSDLab · Jun 5, 2024 · 22d210e · 22d210e
1 parent 4b79879
commit 22d210e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/page/Auth/components/Common/index.tsx b/src/page/Auth/components/Common/index.tsx
@@ -38,7 +38,7 @@ export default function CommonLayout() {
 
   const steps = useStep(isFindPassword ? 'find' : 'register');
   const {
-    nextStep, previousStep, currentStep, index, totalStep, isComplete,
+    nextStep, previousStep, currentStep, index, totalStep, isComplete, isStepComplete,
   } = steps;
 
   // eslint-disable-next-line
@@ -92,10 +92,10 @@ export default function CommonLayout() {
           <button
             type="button"
             onClick={stepCheck}
-            disabled={!!errors.root}
+            disabled={!isStepComplete}
             className={
               cn({
-                [styles.button__active]: !!errors.root,
+                [styles.button__active]: isStepComplete || isComplete,
                 [styles.button]: true,
               })
             }