From cd75e01089b0ab63fd629335ba42d07abb062abd Mon Sep 17 00:00:00 2001
From: Ubuntu <rohini_das04@hotmail.com>
Date: Sat, 30 Jan 2021 16:31:41 -0500
Subject: [PATCH] Login stuff
---
frontend/src/App.js | 36 ++++++++++++++++++++++--
frontend/src/components/Login.js | 26 +++++++++++++++++
frontend/src/components/assets/Login.css | 0
3 files changed, 60 insertions(+), 2 deletions(-)
create mode 100644 frontend/src/components/Login.js
create mode 100644 frontend/src/components/assets/Login.css
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 9315d02..825ec08 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -1,15 +1,37 @@
-import React from "react";
+import React, { useState } from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import Portfolio from "./components/Portfolio";
import Bank from "./components/Bank";
import Profile from "./components/Profile";
import Browse from "./components/Browse";
+import Login from "./components/Login";
import "./App.css";
function App() {
+ const adminUser = {
+
+ email: "admin@admin.com",
+ password: "admin123"
+
+ }
+
+ const [user, setUser] = useState({name: "", email: ""});
+ const [error, setError] = useState("");
+
+ const Login = details => {
+ console.log(details);
+
+ }
+
+ const Logout = () => {
+ console.log("Logout");
+ }
+
return (
- <BrowserRouter>
+
+ <div className="App">
+ <BrowserRouter>
<Switch>
<Route component={Bank} path="/banking" />
<Route component={Browse} path="/browse" />
@@ -17,6 +39,16 @@ function App() {
<Route component={Portfolio} path="/" />
</Switch>
</BrowserRouter>
+ {(user.email !== "") ? (
+ <div className="welcome">
+ <h2>Welcome, <span>{user.name}</span></h2>
+ <button>Logout</button>
+ </div>
+ ) : (
+ <Login/>
+ )}
+
+ </div>
);
}
diff --git a/frontend/src/components/Login.js b/frontend/src/components/Login.js
new file mode 100644
index 0000000..71a5793
--- /dev/null
+++ b/frontend/src/components/Login.js
@@ -0,0 +1,26 @@
+import React from 'react';
+
+const Login = (props) => {
+ return (
+
+ <form>
+ <div className="form-inner">
+ <h2>Login</h2>
+ <div className="form-group">
+ <label htmlFor="name">Name:</label>
+ <input type="text" name="name" id="name"/>
+ </div>
+ <div className="form-group">
+ <label htmlFor="email">Email: </label>
+ <input type="email" name="email" id="email"/>
+ </div>
+ <div className="form-group">
+ <label htmlFor="password">Password:</label>
+ <input type="password" name="password" id="password"/>
+ </div>
+ </div>
+ </form>
+ )
+}
+
+export default Login
diff --git a/frontend/src/components/assets/Login.css b/frontend/src/components/assets/Login.css
new file mode 100644
index 0000000..e69de29