message: basic login completed
diff: @@ -3,14 +3,38 @@ import { Link, useHistory } from "react-router-dom";
  export const LoginPage: React.FC = () => {
  const history = useHistory();
  + const [username, setUsername] = React.useState("");
  + const [password, setPassword] = React.useState("");
  const handleNavigation = () => {
  + if (username === "admin" && password === "test") {
  history.push("/list");
  + } else {
  + alert("User / password not valid, psst... admin / test");
  + }
  };
  return (
  <>
  <h2>Hello from login page</h2>
  + <div>
  + <div>
  + <label>Username: </label>
  + <input
  + value={username}
  + onChange={(e) => setUsername(e.target.value)}
  + />
  + </div>
  + <div>
  + <label>Password: </label>
  + <input
  + type="password"
  + value={password}
  + onChange={(e) => setPassword(e.target.value)}
  + />
  + </div>
  + </div>
  +
  <button onClick={handleNavigation}>Login</button>
  </>
  );
  