feat: PasswordResetPage 추가

This commit is contained in:
정기영 2024-07-19 15:49:47 +09:00
parent 8593c5ca6c
commit 7713ad6022
2 changed files with 42 additions and 0 deletions

View File

@ -0,0 +1,30 @@
import { AuthForm, InputBox } from '../../components/AuthForm';
import { useRef } from 'react';
import styles from './PasswordResetPage.module.css';
export default function PasswordResetPage() {
const emailRef = useRef('');
const buttonText = useRef('비밀번호 찾기');
const handleSubmit = () => {
// TODO: POST
console.log('비밀번호 찾기', emailRef.current.value);
buttonText.current = '로그인하러 가기';
};
return (
<div className={styles.wrapper}>
<AuthForm
submitFunction={handleSubmit}
title="비밀번호 찾기"
buttonText={buttonText.current}
>
{/* <div className={styles.text}>비밀번호 초기화 이메일을 보냈습니다. 이메일을 확인해주세요</div> */}
<InputBox
title="이메일"
id="email"
type="email"
ref={emailRef}
/>
</AuthForm>
</div>
);
}

View File

@ -0,0 +1,12 @@
.wrapper {
padding-top: 120px;
max-width: 480px;
margin: 0 auto;
}
.text {
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}