43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import React, { useCallback, useState } from "react";
|
|
import { useNavigate, useLocation } from "react-router-dom";
|
|
import { useAuthUser } from "../providers/AuthUser";
|
|
|
|
const Login: React.FC = () => {
|
|
const { login } = useAuthUser();
|
|
const navigate = useNavigate();
|
|
|
|
const [username, setUsername] = useState("");
|
|
const [password, setPassword] = useState("");
|
|
const handleLogin = () => {
|
|
console.log("handeling login");
|
|
console.log(username);
|
|
console.log(password);
|
|
login({ username, password }).then((res) => {
|
|
res ? navigate("/app") : alert("Someting went wrong");
|
|
});
|
|
};
|
|
return (
|
|
<div>
|
|
<label htmlFor="username"></label>
|
|
<input
|
|
type="text"
|
|
name="username"
|
|
id="username"
|
|
value={username}
|
|
onChange={(e) => setUsername(e.target.value)}
|
|
/>
|
|
<label htmlFor="password"></label>
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
id="password"
|
|
value={password}
|
|
onChange={(e) => setPassword(e.target.value)}
|
|
/>
|
|
<input type="submit" value="Login" onClick={handleLogin} />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Login;
|