From 940fc164cf6073bcd53c915f131f71351cc0c3dc Mon Sep 17 00:00:00 2001
From: Ava DeCroix <avadecroix@dhcp-10-12-147-125.dhcp.nd.edu>
Date: Thu, 27 Apr 2023 14:40:49 -0400
Subject: [PATCH] Create account page now has form

---
 db_app/src/components/CreateAccount.js | 33 ++++++++++++++++++++++++++
 db_app/src/components/Login.js         |  4 +++-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/db_app/src/components/CreateAccount.js b/db_app/src/components/CreateAccount.js
index 1bb93e0..a57fc23 100644
--- a/db_app/src/components/CreateAccount.js
+++ b/db_app/src/components/CreateAccount.js
@@ -3,12 +3,45 @@ import {Routes, Route, useNavigate} from 'react-router-dom';
 import './Login.css';
 
 function CreateAccount() {
+
+    const navigate = useNavigate();
+
+	const navigateLogin = () => {
+		 navigate('/');
+	}
+
+  const [data,setData] = useState({
+    username:"",
+    password:"",
+    email:"",
+  })
+  
+  const {username,password,email} = data;
+  
+  const changeHandler = e => {
+    setData({...data,[e.target.name]:[e.target.value]});
+  }
+  
+  const submitHandler = e => {
+    e.preventDefault();
+    console.log(data);
+  }
  
   
     return (
       <div>
         <center>
           <h1>Create Account</h1>
+          <p>Enter your account information</p>
+        <form onSubmit={submitHandler}>
+        <p>Username:</p>
+        <input type="text" name="username" value={username} onChange={changeHandler}/><br/>
+        <p>Password:</p>
+        <input type="password" name="password" value={password} onChange={changeHandler}/><br/>
+        <p>Email:</p>
+        <input type="email" name="email" value={email} onChange={changeHandler}/><br/>
+        <input type="submit" name="submit"/>
+        </form>
     
         </center>
       </div>
diff --git a/db_app/src/components/Login.js b/db_app/src/components/Login.js
index fa67232..f07c6c0 100644
--- a/db_app/src/components/Login.js
+++ b/db_app/src/components/Login.js
@@ -31,7 +31,9 @@ function Login() {
           <h1>Log In</h1>
           <p>Log in to your account</p>
         <form onSubmit={submitHandler}>
-        <input type="text" name="username" value={username} onChange={changeHandler}/><br/>
+        <p>Username:</p>
+        <input type="text" name="username" value={username} onChange={changeHandler}/>
+        <p>Password:</p>
         <input type="password" name="password" value={password} onChange={changeHandler}/><br/>
         <input type="submit" name="submit"/>
         </form>