From fcce9589a3867dee1c54c31d74cc37868d04084f Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 18 Nov 2023 17:40:49 +0100
Subject: [PATCH] Created the Footer.jsx

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

diff --git a/client/src/common/components/Footer/Footer.jsx b/client/src/common/components/Footer/Footer.jsx
new file mode 100644
index 0000000..c3ed223
--- /dev/null
+++ b/client/src/common/components/Footer/Footer.jsx
@@ -0,0 +1,31 @@
+import "./styles.sass";
+import Logo from "@/common/images/bs2ab.png";
+import {Link, useLocation} from "react-router-dom";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faHome} from "@fortawesome/free-solid-svg-icons";
+
+export const Footer = () => {
+    const location = useLocation();
+
+    const isLegalPage = location.pathname === "/imprint" || location.pathname === "/privacy";
+
+    return (
+        <footer>
+            <div className="footer-left">
+                <a className="glassy footer-info" href="https://www.bs2ab.de/" target="_blank" rel="noreferrer">
+                    <img src={Logo} alt="Logo"/>
+                    <h2>Erstellt in Zusammenarbeit mit BS2AB</h2>
+                </a>
+
+                {isLegalPage && <Link className="glassy footer-home" to="/">
+                        <FontAwesomeIcon icon={faHome}/>
+                    </Link>}
+            </div>
+
+            <div className="glassy footer-legal">
+                <Link to={"/privacy"}>Datenschutz</Link>
+                <Link to={"/imprint"}>Impressum</Link>
+            </div>
+        </footer>
+    )
+}
\ No newline at end of file