From 7c78e0f1ae96e4b245fc8516ca48c8fab6c5680c Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 30 May 2023 18:11:04 +0200
Subject: [PATCH] Created the SidebarContent.jsx

---
 .../SidebarContent/SidebarContent.jsx         | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx

diff --git a/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx b/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx
new file mode 100644
index 0000000..bef871a
--- /dev/null
+++ b/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx
@@ -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>
+    );
+}
\ No newline at end of file