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: '',
|
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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user