Merge pull request #19 from HackTheTunnels:#10-Login-Page-Form

Completed Add Login Page Form #10
HackTheTunnels · Sep 30, 2023 · 0808dbc · 0808dbc
2 parents 5f16a45 + a5239e3
commit 0808dbc
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/client/src/pages/Login/Login.tsx b/client/src/pages/Login/Login.tsx
@@ -6,15 +6,17 @@ import "./Login.style.scss";
 
 function Login() {
   const [message, setMessage] = useState(null);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
   const { loggedIn, login } = useAccountContext();
   const navigate = useNavigate();
 
   const attemptLogin = async () => {
     try {
-      const message = await login("admin@email.com", "password");
+      const message = await login(email, password);
       setMessage(message);
     } catch (error) {
-      console.log(error);
+      setMessage(error.message);
     }
   };
 
@@ -28,6 +30,8 @@ function Login() {
     <Page>
       <div className="login-page">
         <h1>Login</h1>
+        <input type="text" placeholder="Email" onChange={(e) => setEmail(e.target.value)}/><br/><br/>
+        <input type="password" placeholder="Password" onChange={(e) => setPassword(e.target.value)}/><br/><br/>
         <button onClick={() => attemptLogin()}>
           Login (as user set in code)
         </button>