From 99c7b5f7e7f28ec2ac6dceb0de32ef6a91383b4b Mon Sep 17 00:00:00 2001
From: "Rayyan (Rayy)" <rayyan.hodges@studytafensw.edu.au>
Date: Tue, 10 Oct 2023 09:11:56 +0000
Subject: [PATCH] Fix NavDropDown and add Logout Dropdown

---
 src/components/Header.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index 8b7e1c7..73fa5b0 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,7 +1,7 @@
 import Container from "react-bootstrap/Container"
 import Navbar from "react-bootstrap/Navbar"
 import Nav from "react-bootstrap/Nav"
-import { NavDropdown } from "react-bootstrap/NavDropdown"
+import NavDropdown from "react-bootstrap/NavDropdown"
 
 export function Header ( props ) {
     // props.items is the value of nav state in App.js
@@ -17,6 +17,9 @@ return (
           <Navbar.Brand>App</Navbar.Brand>
           <Nav>
             {Links}
+            <NavDropdown title="Account">
+            <NavDropdown.Item>Log out</NavDropdown.Item>
+            </NavDropdown>
             </Nav>
         </Container>
       </Navbar>)