From 03cd087b996890700f822c034dd20184703da929 Mon Sep 17 00:00:00 2001
From: Liliana <uo288574@uniovi.es>
Date: Thu, 4 Apr 2024 09:58:39 +0200
Subject: [PATCH] added nav and footer for login/sing up view

---
 webapp/src/App.js | 39 ++++++++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/webapp/src/App.js b/webapp/src/App.js
index db2df31e..5e136d53 100644
--- a/webapp/src/App.js
+++ b/webapp/src/App.js
@@ -1,8 +1,11 @@
 import React, { useState } from 'react';
 import AddUser from './components/AddUser';
 import Login from './components/Login';
+import { Footer } from './components/footer/Footer';
+import { Nav } from './components/nav/Nav';
 import Container from '@mui/material/Container';
 import Typography from '@mui/material/Typography';
+import { Footer } from './components/footer/Footer';
 
 function App() {
   const [showLogin, setShowLogin] = useState(true);
@@ -12,21 +15,27 @@ function App() {
   };
 
   return (
-    <Container component="main" maxWidth="xs">
-      <h1>Welcome to wiq_06c</h1>
-      {showLogin ? <Login /> : <AddUser />}
-      <Typography component="div" align="center" sx={{ marginTop: 2 }}>
-        {showLogin ? (
-          <a name="gotoregister"  onClick={handleToggleView}>
-            Don't have an account? Register here.
-          </a>
-        ) : (
-          <a onClick={handleToggleView}>
-            Already have an account? Login here.
-          </a>
-        )}
-      </Typography>
-    </Container>
+    <>
+      <Nav />
+
+      <Container component="main" maxWidth="xs">
+        <h1>Welcome to wiq_06c</h1>
+        {showLogin ? <Login /> : <AddUser />}
+        <Typography component="div" align="center" sx={{ marginTop: 2 }}>
+          {showLogin ? (
+            <a name="gotoregister"  onClick={handleToggleView}>
+              Don't have an account? Register here.
+            </a>
+          ) : (
+            <a onClick={handleToggleView}>
+              Already have an account? Login here.
+            </a>
+          )}
+        </Typography>
+      </Container>
+
+      <Footer />
+    </>
   );
 }