MuhamadFaisAizat
/
MIF_E31220954
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:memperbaiki tampilan login

This commit is contained in:
muhamad fais aizat 2025-05-08 11:10:38 +07:00
parent fddd8bb413
commit 4236624dd8
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/pages/Auth/Login.jsx
View File

@ -142,7 +142,7 @@ const Login = () => {
<Button onClick={resetPassword} className="w-full bg-gradient-to-r from-[#402412a8] to-[#9a070790]">Simpan</Button> <Button onClick={resetPassword} className="w-full bg-gradient-to-r from-[#402412a8] to-[#9a070790]">Simpan</Button>
</> </>
)} )}
<Button variant="outline" onClick={() => { setShowForgotPassword(false); setEmailExists(false); setError(""); }}>Kembali ke Login</Button> <Button variant="outline" onClick={() => { setShowForgotPassword(false); setEmailExists(false); setError(""); setNewPassword(""); setNewPasswordConfrim(""); }}>Kembali ke Login</Button>
</div> </div>
) : ( ) : (
<form onSubmit={handleLogin} className="flex flex-col gap-6"> <form onSubmit={handleLogin} className="flex flex-col gap-6">
@ -156,6 +156,7 @@ const Login = () => {
value={email} value={email}
onChange={(e) => setEmail(e.target.value)} onChange={(e) => setEmail(e.target.value)}
required required
onInvalid={(e) => e.target.setCustomValidity('Email wajib diisi')}
/> />
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
@ -163,7 +164,7 @@ const Login = () => {
<Label htmlFor="password">Password</Label> <Label htmlFor="password">Password</Label>
<button <button
type="button" type="button"
onClick={() => setShowForgotPassword(true)} onClick={() => {setShowForgotPassword(true); setError("");}}
className="ml-auto text-sm underline-offset-4 hover:underline" className="ml-auto text-sm underline-offset-4 hover:underline"
> >
Lupa password? Lupa password?
@ -175,6 +176,7 @@ const Login = () => {
value={password} value={password}
onChange={(e) => setPassword(e.target.value)} onChange={(e) => setPassword(e.target.value)}
required required
onInvalid={(e) => e.target.setCustomValidity('Password wajib diisi')}
/> />
</div> </div>
{error && <p className="text-red-500 text-sm">{error}</p>} {error && <p className="text-red-500 text-sm">{error}</p>}