bug fix for multiple nav bars

Week-16-React_Router_and_React_Bootstrap/src/pages/Home/Home.jsx

@@ -7,10 +7,15 @@ import Button from 'react-bootstrap/Button';
 import Image from 'react-bootstrap/Image';
 import { Link, useNavigate } from 'react-router-dom';
 import NavBar from "../../components/NavBar";
+import { useUserContext } from "../../components/UserContext";
+import { useEffect } from "react";
 
 //Home Page
 export default function Home(){
 
+  //Setup Context
+  const { user, logout } = useUserContext(); 
+
 //Setup Navigate
 const navigate = useNavigate();
 
@@ -19,6 +24,17 @@ function goLogin(){
     navigate(`/Login`);
 };
 
+  //Log Out Button Function
+  const handleLogout = () => {
+    logout();
+
+  };
+
+    //Useeffect to log out of context on loadin
+    useEffect(()=> {
+        handleLogout()
+    }, [])
+
     //Html Output
     return(
         <>