feat: Add email validation in Login component and implement database connection utility; enhance login logic with partner status check

This commit is contained in:
yoosangwook 2025-05-21 11:31:19 +09:00
parent 4e8f698f88
commit 45f523447a
2 changed files with 14 additions and 1 deletions

View File

@ -33,6 +33,11 @@ export default function Login() {
pwd: '', pwd: '',
}) })
const isValidEmail = (email: string) => {
const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
return emailRegex.test(email)
}
interface LoginData { interface LoginData {
code: number code: number
message: string | null message: string | null
@ -82,6 +87,14 @@ export default function Login() {
} }
}, [loginData]) }, [loginData])
useEffect(() => {
if (isValidEmail(account.loginId)) {
setIsPartners(true)
} else {
setIsPartners(false)
}
}, [account.loginId])
return ( return (
<> <>
<div className="login-form-wrap"> <div className="login-form-wrap">
@ -94,7 +107,7 @@ export default function Login() {
value={account.loginId} value={account.loginId}
onChange={(e) => setAccount({ loginId: e.target.value })} onChange={(e) => setAccount({ loginId: e.target.value })}
/> />
<button className="login-icon"> <button className="login-icon" onClick={() => setAccount({ loginId: '' })}>
<i className="del-icon"></i> <i className="del-icon"></i>
</button> </button>
</div> </div>