import { Outlet, Link, createRootRoute, HeadContent, Scripts, useRouter } from "@tanstack/react-router"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { Toaster } from "@/components/ui/sonner"; import { TooltipProvider } from "@/components/ui/tooltip"; import { AuthProvider } from "@/contexts/AuthContext"; import appCss from "../styles.css?url"; const queryClient = new QueryClient(); function NotFoundComponent() { return (

404

Page not found

This page does not exist in the TIRS system.

Return to Login

); } function ErrorComponent({ error, reset }: { error: Error; reset: () => void }) { const router = useRouter(); return (

System Error

{error.message}

); } export const Route = createRootRoute({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1" }, { title: "TIRS — Tattoo Identification & Registry System | SAPS" }, { name: "description", content: "South African Police Service Tattoo Identification & Registry System. Secure POPIA-compliant tattoo registry for law enforcement." }, { name: "theme-color", content: "#1a2848" }, { name: "robots", content: "noindex, nofollow" }, ], links: [{ rel: "stylesheet", href: appCss }], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, errorComponent: ErrorComponent, }); function RootShell({ children }: { children: React.ReactNode }) { return ( {children} ); } function RootComponent() { return ( ); }