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

Created the SidebarContent.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-05-30 18:11:04 +02:00
parent 3623eb7b9b
commit 7c78e0f1ae
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx Normal file
View File

@ -0,0 +1,29 @@
import PowerItemGroup from "./components/PowerItemGroup";
import PowerItem from "./components/PowerItem";
import "./styles.sass";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faSearch} from "@fortawesome/free-solid-svg-icons";
import {routes} from "@/common/routes";
export const SidebarContent = () => {
return (
<div className="sidebar-content">
<div className="search-item">
<FontAwesomeIcon icon={faSearch}/>
<input type="text" placeholder="Tool suchen..."/>
</div>
<div className="power-item-area">
{Object.keys(routes).map((route) => (
<PowerItemGroup name={route} key={route}>
{routes[route].map((route) => (
<PowerItem icon={route.icon} name={route.name} path={route.path} key={route.path} />
))}
</PowerItemGroup>
))}
</div>
</div>
);
}