From 82a29978a13b1f122d28d910d94a483d033f82d5 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Tue, 21 Sep 2021 07:54:57 -0400
Subject: [PATCH] sign in icon

---
 src/components/Header.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index cb37118..5dd2bd4 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -9,9 +9,15 @@
 import React from "react";
 // eslint-disable-next-line
 import { BrowserRouter as Router, Link } from "react-router-dom";
-const hamburger = <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
+import { useUser } from "../user-context";
+
+const hamburger = <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+</svg>;
 
 function Header({ setNavOpen }) {
+    const { user } = useUser();
     return (
         <header className="d-flex flex-row align-items-center p-2 bg-white border-bottom shadow-sm">
             <div className="side-nav-btn">
@@ -25,7 +31,7 @@ function Header({ setNavOpen }) {
                 </div>
                 <div className="mr-3 link-unstyled">
                     <Link to="/account">
-                        <i className="fas fa-user fa-lg clickable"></i>
+                        <i className={`fas ${user ? "fa-user" : "fa-sign-in-alt"} fa-lg clickable`}></i>
                     </Link>
                 </div>
             </div>