///
import type { QueryClient } from "@tanstack/react-query";
import {
createRootRouteWithContext,
HeadContent,
Outlet,
Scripts,
useRouterState,
} from "@tanstack/react-router";
import "@fontsource-variable/geist";
import { Toaster } from "@unom/ui/toast";
import { useEffect } from "react";
import { AppShell } from "@/components/app-shell";
import { adoptStoredLocale } from "@/lib/i18n";
import appCss from "@/styles.css?url";
export interface RouterContext {
queryClient: QueryClient;
}
export const Route = createRootRouteWithContext()({
head: () => ({
meta: [
{ charSet: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ name: "color-scheme", content: "dark light" },
{ title: "Punktfunk" },
],
links: [
{ rel: "stylesheet", href: appCss },
{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
],
}),
component: RootComponent,
});
function RootComponent() {
// Adopt the persisted/browser locale AFTER hydration — the initial render stays at the base
// locale to match SSR (see lib/i18n.ts), so this is the single, mismatch-free locale switch.
useEffect(() => {
adoptStoredLocale();
}, []);
// The login screen renders bare (no sidebar); everything else gets the app shell.
const isLogin = useRouterState({
select: (s) => s.location.pathname === "/login",
});
return (
{isLogin ? (
) : (
)}
{/* Sonner toaster (lazy client-side) — success feedback for auto-saved settings. */}
);
}