auth & cache

src/components/MainNavigation.js

@@ -1,16 +1,28 @@
 //src/components/MainNavigation.js
 
-import React from "react";
+import React, {useContext} from "react";
 import { Link } from "react-router-dom";
 import "./MainNavigation.css";
+import {AuthContext} from "../AuthProvider";
 
 const MainNavigation = () => {
+    const { user, login, logout } = useContext(AuthContext);
     return (
         <nav className="main-navigation">
             <ul>
                 <li>
                     <Link to="/">Home</Link>
                 </li>
+                {user ? (
+                    <div>
+                        <h1>{user.profile.name}</h1>
+                        <button onClick={logout}>Logout</button>
+                    </div>
+                ) : (
+                    <button onClick={login}>Login</button>
+                )
+
+                }
                 <li>
                     <Link to="/login">Login</Link>
                 </li>