- );
-}
-
-export default App;
Index: client_app/src/App.test.js
===================================================================
--- client_app/src/App.test.js (revision f36822a6effc141141cca9161f29476b74cd7772)
+++ client_app/src/App.test.js (revision 3f5bf9e52a8d5a39df72f03e1a74347b96e88188)
@@ -1,4 +1,4 @@
import { render, screen } from '@testing-library/react';
-import App from './App';
+import App from './components/main/App';
test('renders learn react link', () => {
Index: client_app/src/components/login/login.js
===================================================================
--- client_app/src/components/login/login.js (revision 3f5bf9e52a8d5a39df72f03e1a74347b96e88188)
+++ client_app/src/components/login/login.js (revision 3f5bf9e52a8d5a39df72f03e1a74347b96e88188)
@@ -0,0 +1,72 @@
+import React from 'react';
+import {useHistory} from 'react-router-dom';
+import {Button, Checkbox, Container, Form} from "semantic-ui-react";
+
+const Login = (props) => {
+
+ const history = useHistory();
+ const [formData, updateFormData] = React.useState({
+ username: "",
+ password: "",
+ type: ""
+ })
+
+ const handleCheck = (e, {value}) => {
+ updateFormData({
+ ...formData,
+ [e.target.name]: value
+ })
+ }
+
+ const onFormSubmit = (e) =>{
+ e.preventDefault();
+ const username = formData.username;
+ const password = formData.password;
+ const type = formData.type;
+
+ props.onCompleteForm(username,password,type);
+ history.push("/");
+ }
+
+ return(
+