Merge pull request #110 from teamViNO/feature-006

feature-051,054: Enter 입력이 되면 클릭 이벤트 실행
teamViNO · Feb 19, 2024 · ab0cbd1 · ab0cbd1
2 parents 13d4780 + c9630ea
commit ab0cbd1
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/src/pages/SignInPage.tsx b/src/pages/SignInPage.tsx
@@ -80,6 +80,16 @@ const SignInPage: React.FC = () => {
     }
   };
 
+  const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === 'Enter') {
+      handleOnClick(); // Enter 입력이 되면 클릭 이벤트 실행
+    }
+  };
+
+  const handleOnClick = () => {
+    handleClickLoginButton();
+  }
+
   const redirect_uri = `${location.origin}/social-account`; //Redirect URI
   const KAKAO_KEY = '77ddf1baeb87f4a9752ed437db43cd96'; //kakao REST API KEY
   const NAVER_CLIENT_ID = 'qR4Npp1ui69SCF6nAJd2';
@@ -181,6 +191,7 @@ const SignInPage: React.FC = () => {
           placeholder="비밀번호를 입력해주세요."
           name="password"
           value={loginInfo.password}
+          onKeyDown={handleOnKeyDown}
         />
 
         <Button

diff --git a/src/pages/SignUpPage.tsx b/src/pages/SignUpPage.tsx
@@ -157,6 +157,16 @@ const SignUp = () => {
     }
   };
 
+  const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === 'Enter') {
+      handleOnClick(); // Enter 입력이 되면 클릭 이벤트 실행
+    }
+  };
+
+  const handleOnClick = () => {
+    onApply();
+  }
+
   return (
     <SignupPageStyles.Wrapper>
       <SignupPageStyles.LogoSection>
@@ -296,6 +306,7 @@ const SignUp = () => {
                 name="passwordCheck"
                 value={passwordCheck}
                 onChange={onChangePasswordCheck}
+                onKeyDown={handleOnKeyDown}
               ></SignupPageStyles.InputBox>
               {(passwordCheck || passwordCheck === '') &&
                 (mismatchError ? (
@@ -321,7 +332,10 @@ const SignUp = () => {
           isPassword &&
           passwordCheck &&
           !mismatchError ? (
-            <SignupPageStyles.SucButton type="submit" onClick={onApply}>
+            <SignupPageStyles.SucButton 
+            type="submit" 
+            onClick={onApply}
+            >
               가입하기
             </SignupPageStyles.SucButton>
           ) : (