From adf2f42a58df8d4a4c5ca7ef98af4d0587966189 Mon Sep 17 00:00:00 2001 From: Mathias Wagner <germannewsmaker@gmail.com> Date: Mon, 8 May 2023 22:04:27 +0200 Subject: [PATCH] Created the SidebarHeader.jsx --- .../SidebarHeader/SidebarHeader.jsx | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 client/src/common/components/Sidebar/components/SidebarHeader/SidebarHeader.jsx diff --git a/client/src/common/components/Sidebar/components/SidebarHeader/SidebarHeader.jsx b/client/src/common/components/Sidebar/components/SidebarHeader/SidebarHeader.jsx new file mode 100644 index 0000000..b7404b7 --- /dev/null +++ b/client/src/common/components/Sidebar/components/SidebarHeader/SidebarHeader.jsx @@ -0,0 +1,20 @@ +import Logo from "@/common/assets/logo.png"; +import "./styles.sass"; +import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; +import {faBolt} from "@fortawesome/free-solid-svg-icons"; + +export const SidebarHeader = () => { + 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> + </div> + </div> + ) +} \ No newline at end of file