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

Updated the SidebarHeader.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-05-30 19:00:06 +02:00
parent 8d58d91da1
commit 7403402df5
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/common/components/Sidebar/components/SidebarHeader/SidebarHeader.jsx
View File

@ -1,20 +1,23 @@
import Logo from "@/common/assets/logo.png";
import "./styles.sass";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faBolt} from "@fortawesome/free-solid-svg-icons";
import {faBars, faBolt} from "@fortawesome/free-solid-svg-icons";
export const SidebarHeader = () => {
export const SidebarHeader = ({setOpen}) => {
return (
<div className="sidebar-header">
<img src={Logo} alt="Logo" />
<div className="header-title">
<div className="title-header">
<p>POWER</p> <FontAwesomeIcon icon={faBolt} />
</div>
<div className="title-subheader">
<p>TOOLS <span>by GNM</span></p>
<div className="sidebar-header header-hidden">
<div className="sidebar-left">
<img src={Logo} alt="Logo" />
<div className="header-title">
<div className="title-header">
<p>POWER</p> <FontAwesomeIcon icon={faBolt} />
</div>
<div className="title-subheader">
<p>TOOLS <span>by GNM</span></p>
</div>
</div>
</div>
<FontAwesomeIcon icon={faBars} className="close-menu" onClick={() => setOpen(false)} />
</div>
)
}