From c502601a2f7d6008e2c31d6ad0c897b9a0693bdc Mon Sep 17 00:00:00 2001
From: Theis Gaedigk <theis.gaedigk@icloud.com>
Date: Sun, 26 Oct 2025 14:22:19 +0100
Subject: [PATCH] feat: add language change functionality and update
 translations in Header and locale files

---
 FrontendV2/src/components/Header.tsx         | 31 ++++++++++++++++++++
 FrontendV2/src/utils/i18n/locales/de/de.json |  3 +-
 FrontendV2/src/utils/i18n/locales/en/en.json |  3 +-
 3 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/FrontendV2/src/components/Header.tsx b/FrontendV2/src/components/Header.tsx
index f7df9eb..c847cfa 100644
--- a/FrontendV2/src/components/Header.tsx
+++ b/FrontendV2/src/components/Header.tsx
@@ -26,6 +26,7 @@ import {
   LogOut,
   CalendarPlus,
   MoreVertical,
+  Flag,
 } from "lucide-react";
 import { useUserContext } from "@/states/Context";
 import { useState } from "react";
@@ -166,6 +167,21 @@ export const Header = () => {
                   </HStack>
                 }
               />
+              <Menu.Item
+                value="change-language"
+                onSelect={() => {
+                  const currentLang = Cookies.get("language") || "en";
+                  const newLang = currentLang === "en" ? "de" : "en";
+                  Cookies.set("language", newLang);
+                  window.location.reload();
+                }}
+                children={
+                  <HStack gap={3}>
+                    <LifeBuoy size={16} />
+                    <Text as="span">{t("change-language")}</Text>
+                  </HStack>
+                }
+              />
               <Menu.Item
                 value="help"
                 onSelect={() =>
@@ -276,6 +292,21 @@ export const Header = () => {
             </HStack>
           </Button>
 
+          <Button
+            variant="ghost"
+            onClick={() => {
+              const currentLang = Cookies.get("language") || "en";
+              const newLang = currentLang === "en" ? "de" : "en";
+              Cookies.set("language", newLang);
+              window.location.reload();
+            }}
+          >
+            <HStack gap={2}>
+              <Flag size={18} />
+              <Text as="span">{t("change-language")}</Text>
+            </HStack>
+          </Button>
+
           <a
             href="https://git.the1s.de/Matthias-Claudius-Schule/borrow-system/wiki"
             target="_blank"
diff --git a/FrontendV2/src/utils/i18n/locales/de/de.json b/FrontendV2/src/utils/i18n/locales/de/de.json
index 5f3c209..606cb10 100644
--- a/FrontendV2/src/utils/i18n/locales/de/de.json
+++ b/FrontendV2/src/utils/i18n/locales/de/de.json
@@ -58,5 +58,6 @@
     "sure-delete-loan-0": "Möchten Sie die Ausleihe mit dem ",
     "sure-delete-loan-1": " Ausleihcode wirklich löschen?",
     "sure-delete-loan-2": "Für den Admin bleibt sie weiterhin sichtbar.",
-    "delete": "Löschen"
+    "delete": "Löschen",
+    "change-language": "Sprache ändern"
 }
\ No newline at end of file
diff --git a/FrontendV2/src/utils/i18n/locales/en/en.json b/FrontendV2/src/utils/i18n/locales/en/en.json
index 69a1105..74435e6 100644
--- a/FrontendV2/src/utils/i18n/locales/en/en.json
+++ b/FrontendV2/src/utils/i18n/locales/en/en.json
@@ -58,5 +58,6 @@
     "sure-delete-loan-0": "Do you really want to delete the loan with the ",
     "sure-delete-loan-1": " loan code?",
     "sure-delete-loan-2": "It will remain visible to the admin.",
-    "delete": "Delete"
+    "delete": "Delete",
+    "change-language": "Change language"
 }
\ No newline at end of file