Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the Header.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-05-30 18:59:53 +02:00
parent 99b7f62289
commit 7c471d97a7
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/common/components/Header/Header.jsx
View File

@ -1,16 +1,19 @@
import "./styles.sass"; import "./styles.sass";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; 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 {getByPath} from "@/common/routes";
import {useLocation} from "react-router-dom"; import {useLocation} from "react-router-dom";
export const Header = () => { export const Header = ({open, setOpen}) => {
const location = useLocation(); const location = useLocation();
const path = getByPath(location.pathname); const path = getByPath(location.pathname);
return ( return (
<div className="header"> <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} /> <FontAwesomeIcon icon={faGear} />
</div> </div>
); );