From a0d55a42e64b9512f423725b26ef9a6b00fd8559 Mon Sep 17 00:00:00 2001
From: Delaney H <steam.avocado@pm.me>
Date: Mon, 25 Mar 2024 18:22:19 -0230
Subject: [PATCH] Removed 'login' from the navbar Right-justified the 'signed
 in as' text

---
 frontend/src/pages/NavBar.js   | 28 ++++++++++++++++++++--------
 frontend/src/pages/Settings.js |  5 +++++
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/NavBar.js b/frontend/src/pages/NavBar.js
index 6a69218..da79e62 100644
--- a/frontend/src/pages/NavBar.js
+++ b/frontend/src/pages/NavBar.js
@@ -1,14 +1,26 @@
-import {Link} from "react-router-dom";
+import {Nav, Navbar} from "react-bootstrap";
+import Container from "react-bootstrap/Container";
+import React from "react";
 
 function NavBar() {
     return (
-        <div>
-            <Link to="/">Home</Link>
-            <Link to="/login">Login</Link>
-            <Link to="/garage">Garage</Link>
-            <Link to="/settings">Settings</Link>
-        </div>
+        <Navbar expand="lg" className="bg-body-tertiary">
+            <Container>
+                <Navbar.Brand href="/garage">Driveline</Navbar.Brand>
+                <Navbar.Toggle />
+                <Navbar.Collapse>
+                    <Nav>
+                        <Nav.Link href="/garage">Garage</Nav.Link>
+                        <Nav.Link href="/settings">Settings</Nav.Link>
+                    </Nav>
+
+                </Navbar.Collapse>
+                <Nav className={"ms-auto"}>
+                    <Navbar.Text >Signed in as: placeholder</Navbar.Text>
+                </Nav>
+            </Container>
+        </Navbar>
     );
 }
 
-export default NavBar;
\ No newline at end of file
+export default NavBar;
diff --git a/frontend/src/pages/Settings.js b/frontend/src/pages/Settings.js
index 14e9e08..9fd4449 100644
--- a/frontend/src/pages/Settings.js
+++ b/frontend/src/pages/Settings.js
@@ -5,6 +5,11 @@ export const Settings = () => {
             <h1>Settings</h1>
             <p>Change your settings here</p>
             <p>Placeholder</p>
+
+            <footer>
+                <a target="_blank" href="https://icons8.com/icon/vGQkspHvmobZ/settings">Settings</a> icon by <a
+                target="_blank" href="https://icons8.com">Icons8</a>
+            </footer>
         </div>
     );
 }
\ No newline at end of file