feat: Add email validation in Login component and implement database connection utility; enhance login logic with partner status check
This commit is contained in:
parent
4e8f698f88
commit
45f523447a
@ -33,6 +33,11 @@ export default function Login() {
|
||||
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 {
|
||||
code: number
|
||||
message: string | null
|
||||
@ -82,6 +87,14 @@ export default function Login() {
|
||||
}
|
||||
}, [loginData])
|
||||
|
||||
useEffect(() => {
|
||||
if (isValidEmail(account.loginId)) {
|
||||
setIsPartners(true)
|
||||
} else {
|
||||
setIsPartners(false)
|
||||
}
|
||||
}, [account.loginId])
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="login-form-wrap">
|
||||
@ -94,7 +107,7 @@ export default function Login() {
|
||||
value={account.loginId}
|
||||
onChange={(e) => setAccount({ loginId: e.target.value })}
|
||||
/>
|
||||
<button className="login-icon">
|
||||
<button className="login-icon" onClick={() => setAccount({ loginId: '' })}>
|
||||
<i className="del-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user