fix: 비밀번호 확인 시 에러메세지 표시되지 않는 버그 수정

yourssu · May 23, 2024 · 015699d · 015699d
1 parent ed2f0d7
commit 015699d
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/home/components/ChangePasswordContents/NewPasswordForm/useNewPasswordForm.ts b/src/home/components/ChangePasswordContents/NewPasswordForm/useNewPasswordForm.ts
@@ -32,18 +32,19 @@ export const useNewPasswordForm = (props: NewPasswordFormProps) => {
 
   const handleNewPasswordChange = (password: string) => {
     setNewPassword(password);
-    if (previousPassword === password) {
-      setIsNewPasswordError(true);
-      setErrorMessage('현재 비밀번호와 다른 비밀번호를 입력해주세요.');
-      return;
-    }
     setErrorMessage('');
+    setIsNewPasswordError(false);
+
     if (password.length >= 8) {
       setIsFirstRender(false);
+      if (previousPassword === password) {
+        setIsNewPasswordError(true);
+        setErrorMessage('현재 비밀번호와 다른 비밀번호를 입력해주세요.');
+        return;
+      }
       setIsNewPasswordError(!regexp.test(password));
       setErrorMessage('숫자와 영문자 조합으로 8자 이상 입력해주세요.');
-    } else {
-      setIsNewPasswordError(true);
+      return;
     }
   };
 
@@ -75,7 +76,7 @@ export const useNewPasswordForm = (props: NewPasswordFormProps) => {
         navigate('/myPage');
       }
     }
-    navigate('/Login');
+    setIsNewPasswordCheckError(true);
   };
 
   useEffect(() => {