From a18db461514a5aac7a0bbdb6d7ad30ae1ddcbea4 Mon Sep 17 00:00:00 2001
From: Leon Xu <dcwinfield362@gmail.com>
Date: Sat, 7 May 2022 12:33:04 -0700
Subject: [PATCH] doc: add useState, onChange, and signIn methods to login

---
 src/Auth/Login.js | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/Auth/Login.js b/src/Auth/Login.js
index d2fec02..2a2844b 100644
--- a/src/Auth/Login.js
+++ b/src/Auth/Login.js
@@ -1,8 +1,12 @@
-import React from "react";
+import React, { useState } from "react";
 import { Link } from "react-router-dom";
 import "./Login.css";
 
 function Login() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  const signIn = () => {};
   return (
     <section className="login">
       <Link to="/">
@@ -17,11 +21,21 @@ function Login() {
         <h1>Sign In</h1>
         <form>
           <h5>Email</h5>
-          <input type="email" />
+          <input
+            type="email"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+          />
           <h5>Password</h5>
-          <input type="password" />
+          <input
+            type="password"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
 
-          <button className="login__signInButton">Sign In</button>
+          <button className="login__signInButton" onClick={signIn}>
+            Sign In
+          </button>
         </form>
 
         <p>