From 38efe3428ac69c8c5d29fd2dbf4d2e1dba836e1b Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Fri, 14 Nov 2025 18:37:33 +0100
Subject: [PATCH] refactor: replace SettingsPopover with LangToggle and
 ThemeSwitch in SiteHeader component

---
 apps/infoalloggi/src/components/navbar/site-header.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/infoalloggi/src/components/navbar/site-header.tsx b/apps/infoalloggi/src/components/navbar/site-header.tsx
index aa44057..8442d6a 100644
--- a/apps/infoalloggi/src/components/navbar/site-header.tsx
+++ b/apps/infoalloggi/src/components/navbar/site-header.tsx
@@ -5,7 +5,8 @@ import { UserHeaderSection } from "~/components/navbar/login-button";
 import { MainNav } from "~/components/navbar/main-nav";
 import { MobileNav } from "~/components/navbar/mobile-nav";
 import { RicercaCommand } from "~/components/navbar/ricerca_command";
-import { SettingsPopover } from "~/components/navbar/settings-modal";
+import { LangToggle } from "./lang-toggle";
+import { ThemeSwitch } from "./theme-toggle";
 
 export function SiteHeader() {
 	const pathname = usePathname();
@@ -35,8 +36,9 @@ export function SiteHeader() {
 				<div className="float-end flex flex-1 items-center justify-end gap-0.5">
 					<RicercaCommand />
 
-					<div className="hidden md:block">
-						<SettingsPopover />
+					<div className="hidden w-fit items-center gap-4 md:flex">
+						<LangToggle />
+						<ThemeSwitch />
 					</div>
 					<UserHeaderSection
 						key={pathname}