From eab4e5461e0443dc663fe6d96e49a263ae2f0a6c Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Wed, 21 Jun 2023 12:42:49 +0000
Subject: [PATCH] #11 Add handle change to input

---
 src/pages/auth/LoginForm.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/pages/auth/LoginForm.js b/src/pages/auth/LoginForm.js
index dd1c419..1cc636f 100644
--- a/src/pages/auth/LoginForm.js
+++ b/src/pages/auth/LoginForm.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 
 import Form from "react-bootstrap/Form";
 import Alert from "react-bootstrap/Alert";
@@ -15,7 +15,19 @@ import btnStyles from "../../styles/Button.module.css";
 import appStyles from "../../App.module.css";
 
 function LogInForm() {
-  //   Add your component logic here
+  const [signInData, setSignInData] = useState({
+    username: "",
+    password: "",
+  });
+
+  const { username, password } = signInData;
+
+  const handleChange = (event) => {
+    setSignInData({
+      ...signInData,
+      [event.target.name]: event.targetvalue,
+    });
+  };
 
   return (
     <Row className={styles.Row}>
@@ -42,6 +54,8 @@ function LogInForm() {
                 type="text"
                 placeholder="Enter username"
                 name="username"
+                value={username}
+                onChange={handleChange}
               />
             </Form.Group>
 
@@ -51,6 +65,8 @@ function LogInForm() {
                 className={styles.Input}
                 type="password"
                 placeholder="Password"
+                value={password}
+                onChange={handleChange}
               />
             </Form.Group>