From d3f7a7570f74197bab10a1077596497c9e2a7383 Mon Sep 17 00:00:00 2001
From: Theis Gaedigk <theis.gaedigk@icloud.com>
Date: Sun, 26 Oct 2025 14:37:41 +0100
Subject: [PATCH] feat: add Footer component and integrate it into App and
 LoginPage

---
 FrontendV2/src/App.tsx               | 33 ++++++++++++++++------------
 FrontendV2/src/components/Footer.tsx | 19 ++++++++++++++++
 FrontendV2/src/pages/LoginPage.tsx   |  2 ++
 3 files changed, 40 insertions(+), 14 deletions(-)
 create mode 100644 FrontendV2/src/components/Footer.tsx

diff --git a/FrontendV2/src/App.tsx b/FrontendV2/src/App.tsx
index 3a03469..3b896ae 100644
--- a/FrontendV2/src/App.tsx
+++ b/FrontendV2/src/App.tsx
@@ -12,6 +12,8 @@ import { triggerLogoutAtom } from "@/states/Atoms";
 import { MyLoansPage } from "./pages/MyLoansPage";
 import Landingpage from "./pages/Landingpage";
 import { changeLanguage } from "i18next";
+import { Box, Flex } from "@chakra-ui/react";
+import { Footer } from "./components/Footer";
 
 const API_BASE =
   (import.meta as any).env?.VITE_BACKEND_URL ||
@@ -63,21 +65,24 @@ function App() {
   }, []);
 
   return (
-    <>
-      <UserContext.Provider value={user}>
-        <BrowserRouter>
-          <Routes>
-            <Route element={<ProtectedRoutes />}>
-              <Route path="/" element={<HomePage />} />
-              <Route path="/my-loans" element={<MyLoansPage />} />
-              <Route path="/landing" element={<Landingpage />} />
-            </Route>
+    <Flex direction="column" minH="100vh">
+      <Box as="main" flex="1">
+        <UserContext.Provider value={user}>
+          <BrowserRouter>
+            <Routes>
+              <Route element={<ProtectedRoutes />}>
+                <Route path="/" element={<HomePage />} />
+                <Route path="/my-loans" element={<MyLoansPage />} />
+                <Route path="/landing" element={<Landingpage />} />
+              </Route>
 
-            <Route path="/login" element={<LoginPage />} />
-          </Routes>
-        </BrowserRouter>
-      </UserContext.Provider>
-    </>
+              <Route path="/login" element={<LoginPage />} />
+            </Routes>
+          </BrowserRouter>
+        </UserContext.Provider>
+      </Box>
+      <Footer />
+    </Flex>
   );
 }
 
diff --git a/FrontendV2/src/components/Footer.tsx b/FrontendV2/src/components/Footer.tsx
new file mode 100644
index 0000000..a001ca3
--- /dev/null
+++ b/FrontendV2/src/components/Footer.tsx
@@ -0,0 +1,19 @@
+import { Box } from "@chakra-ui/react";
+
+export const Footer = () => {
+  return (
+    <Box
+      as="footer"
+      py={4}
+      textAlign="center"
+      position="fixed"
+      bottom="0"
+      left="0"
+      right="0"
+    >
+      Made with ❤️ by Theis Gaedigk - Year 2019 at MCS-Bochum
+      <br />
+      v2.0
+    </Box>
+  );
+};
diff --git a/FrontendV2/src/pages/LoginPage.tsx b/FrontendV2/src/pages/LoginPage.tsx
index 56bb460..213ad0f 100644
--- a/FrontendV2/src/pages/LoginPage.tsx
+++ b/FrontendV2/src/pages/LoginPage.tsx
@@ -7,6 +7,7 @@ import Cookies from "js-cookie";
 import { Navigate, useNavigate } from "react-router-dom";
 import { PasswordInput } from "@/components/ui/password-input";
 import { useTranslation } from "react-i18next";
+import { Footer } from "@/components/Footer";
 
 const API_BASE =
   (import.meta as any).env?.VITE_BACKEND_URL ||
@@ -115,6 +116,7 @@ export const LoginPage = () => {
           </Card.Footer>
         </Card.Root>
       </form>
+      <Footer />
     </div>
   );
 };