From 6eaa5e054085a0bbc5a9e780e47742decd3e15c5 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 30 May 2023 18:13:20 +0200
Subject: [PATCH] Created the Header.jsx

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

diff --git a/client/src/common/components/Header/Header.jsx b/client/src/common/components/Header/Header.jsx
new file mode 100644
index 0000000..3024e2d
--- /dev/null
+++ b/client/src/common/components/Header/Header.jsx
@@ -0,0 +1,17 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faGear} from "@fortawesome/free-solid-svg-icons";
+import {getByPath} from "@/common/routes";
+import {useLocation} from "react-router-dom";
+
+export const Header = () => {
+    const location = useLocation();
+    const path = getByPath(location.pathname);
+
+    return (
+        <div className="header">
+            <h1>{path.category} / <span>{path.name}</span></h1>
+            <FontAwesomeIcon icon={faGear} />
+        </div>
+    );
+}
\ No newline at end of file