@@ -28,12 +28,16 @@ export default function Page() {
2828 const [ errors , setErrors ] = useState ( [ ] ) ;
2929 const [ isRendering , setIsRendering ] = useState ( 0 ) ;
3030 const [ loading , setLoading ] = useState ( false ) ;
31+ const [ verifiedEmail , setVerifiedEmail ] = useState ( '' ) ;
3132
3233 const handleBackToLogin = ( ) => setIsRendering ( 0 ) ;
3334 const handleFindIdClick = ( ) => setIsRendering ( 1 ) ;
3435 const handleResetPasswordClick = ( ) => setIsRendering ( 2 ) ;
3536 const handleBackToResetRequest = ( ) => setIsRendering ( 2 ) ;
36- const handleResetPasswordNext = ( ) => setIsRendering ( 3 ) ;
37+ const handleResetPasswordNext = ( email ) => {
38+ setVerifiedEmail ( email ) ;
39+ setIsRendering ( 3 ) ;
40+ } ;
3741
3842 const validatePassword = ( password ) => {
3943 const newErrors = [ ] ;
@@ -59,13 +63,13 @@ export default function Page() {
5963 setLoading ( true ) ;
6064 const res = await login ( email , password ) ;
6165 const { exists, access_token } = res . data . data ;
62-
66+
6367 if ( ! exists ) {
6468 alert ( '아이디 혹은 비밀번호가 올바르지 않습니다.' ) ;
6569 setLoading ( false ) ;
6670 return ;
6771 }
68-
72+
6973 setAccessToken ( access_token ) ;
7074 router . push ( '/main' ) ;
7175 } catch ( error ) {
@@ -77,7 +81,7 @@ export default function Page() {
7781 } ;
7882
7983 return (
80- < >
84+ < >
8185 < Loader isLoading = { loading } />
8286 < Image src = { loginBg } alt = 'loginBg' fill className = 'absolute top-0 left-0 -z-10 object-cover opacity-70 blur-sm' />
8387 < div className = 'flex justify-center items-center flex-1 relative' >
@@ -120,9 +124,9 @@ export default function Page() {
120124 : `${ isRendering === 3 ? '-translate-x-full' : 'translate-x-full' } opacity-0`
121125 } flex justify-center items-center`}
122126 >
123- < AuthResetRequest
124- handleNextStep = { handleResetPasswordNext }
125- handleBackToLogin = { handleBackToLogin }
127+ < AuthResetRequest
128+ handleNextStep = { handleResetPasswordNext }
129+ handleBackToLogin = { handleBackToLogin }
126130 setLoading = { setLoading }
127131 />
128132 </ div >
@@ -135,6 +139,7 @@ export default function Page() {
135139 } flex justify-center items-center`}
136140 >
137141 < AuthResetPassword
142+ email = { verifiedEmail }
138143 handleBackToLogin = { handleBackToLogin }
139144 handleBackToResetRequest = { handleBackToResetRequest }
140145 setLoading = { setLoading }
0 commit comments