feat: Add first login page
This commit is contained in:
42
src/pages/login/Login.tsx
Normal file
42
src/pages/login/Login.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
import React, { useState } from "react";
|
||||
|
||||
const Login = () => {
|
||||
const [user, setUser] = useState<string>("");
|
||||
const [password, setPassword] = useState<string>("");
|
||||
|
||||
function handleUserChange(e: React.ChangeEvent<HTMLInputElement>): void {
|
||||
setUser(e.target.value);
|
||||
}
|
||||
|
||||
function handlePasswordChange(e: React.ChangeEvent<HTMLInputElement>): void {
|
||||
setPassword(e.target.value);
|
||||
}
|
||||
|
||||
function handleSubmit(e: React.FormEvent<HTMLFormElement>): void {
|
||||
e.preventDefault();
|
||||
alert([user, password]);
|
||||
setUser("");
|
||||
setPassword("");
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<h1>Inicia sesión.</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form onSubmit={handleSubmit}>
|
||||
<img src="https://picsum.photos/300/200?random={i}" alt="Imagen"/><br/>
|
||||
|
||||
<label>Usuario:</label><br/>
|
||||
<input type="text" value={user} onChange={handleUserChange}/><br/>
|
||||
<label>Contraseña</label><br/>
|
||||
<input type="password" value={password} onChange={handlePasswordChange}/><br/>
|
||||
<input type="submit" value="submit"/>
|
||||
</form>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
};
|
||||
|
||||
|
||||
export default Login;
|
||||
Reference in New Issue
Block a user