From 23566e72d37cd83c4dd6d5c8ae98ac90027275db Mon Sep 17 00:00:00 2001
From: Chaoscaot <max@maxsp.de>
Date: Thu, 23 Apr 2026 12:22:42 +0200
Subject: [PATCH] Refactor Navbar component to replace search button with
 language selection dropdown

---
 src/components/Navbar.svelte | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
index 86d8226..42f1f28 100644
--- a/src/components/Navbar.svelte
+++ b/src/components/Navbar.svelte
@@ -19,9 +19,8 @@
 
 <script lang="ts">
     import "../styles/button.css";
-    import { CaretDownOutline, SearchOutline } from "flowbite-svelte-icons";
-    import { t } from "astro-i18n";
-    import { l } from "../util/util";
+    import { CaretDownOutline, GlobeOutline } from "flowbite-svelte-icons";
+    import { t, l } from "astro-i18n";
     import { onMount } from "svelte";
     import { loggedIn } from "@repo/authv2.ts";
     interface Props {
@@ -119,11 +118,16 @@
             <a class="btn" href={l("/login")} bind:this={accountBtn}>
                 <span class="btn__text">{t("navbar.links.account")}</span>
             </a>
-            <!--
-            <button class="btn my-1" onclick={() => searchOpen = true}>
-                <SearchOutline ariaLabel="Site Search" class="inline-block h-6"/>
-            </button>
-            -->
+            <div class="btn-dropdown">
+                <button class="btn btn-gray">
+                    <GlobeOutline />
+                </button>
+                <div>
+                    <a href={l("/")} onclick={() => cookieStore.delete("MANUAL_LANGUAGE")} class="btn btn-gray">Auto</a>
+                    <a href={l("/", {}, { targetLocale: "de" })} onclick={() => cookieStore.set("MANUAL_LANGUAGE", "TRUE")} class="btn btn-gray">Deutsch</a>
+                    <a href={l("/", {}, { targetLocale: "en" })} onclick={() => cookieStore.set("MANUAL_LANGUAGE", "TRUE")} class="btn btn-gray">English</a>
+                </div>
+            </div>
         </div>
     </div>
 </nav>