From 7c471d97a7a3e435a643f576c9ed7190538c9002 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 30 May 2023 18:59:53 +0200
Subject: [PATCH] Updated the Header.jsx

---
 client/src/common/components/Header/Header.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/src/common/components/Header/Header.jsx b/client/src/common/components/Header/Header.jsx
index 3024e2d..431acfd 100644
--- a/client/src/common/components/Header/Header.jsx
+++ b/client/src/common/components/Header/Header.jsx
@@ -1,16 +1,19 @@
 import "./styles.sass";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faGear} from "@fortawesome/free-solid-svg-icons";
+import {faBars, faGear} from "@fortawesome/free-solid-svg-icons";
 import {getByPath} from "@/common/routes";
 import {useLocation} from "react-router-dom";
 
-export const Header = () => {
+export const Header = ({open, setOpen}) => {
     const location = useLocation();
     const path = getByPath(location.pathname);
 
     return (
         <div className="header">
-            <h1>{path.category} / <span>{path.name}</span></h1>
+            <div className="header-left">
+                {!open && <FontAwesomeIcon icon={faBars} className="open-menu" onClick={() => setOpen(true)}/>}
+                <h1>{path?.category} / <span>{path?.name}</span></h1>
+            </div>
             <FontAwesomeIcon icon={faGear} />
         </div>
     );