import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import {
Outlet,
Link,
createRootRouteWithContext,
useRouter,
HeadContent,
Scripts,
} from "@tanstack/react-router";
import appCss from "../styles.css?url";
import { AuthProvider } from "@/lib/auth";
import { Toaster } from "@/components/ui/sonner";
function NotFoundComponent() {
return (
404
Page not found.
Go home
);
}
function ErrorComponent({ error, reset }: { error: Error; reset: () => void }) {
console.error(error);
const router = useRouter();
return (
Something went wrong
{error.message}
);
}
export const Route = createRootRouteWithContext<{ queryClient: QueryClient }>()({
head: () => ({
meta: [
{ charSet: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ title: "FleetWrench — Trucking Maintenance" },
{ name: "description", content: "Manage trucks, drivers, work orders, and maintenance for trucking fleets." },
{ property: "og:title", content: "FleetWrench — Trucking Maintenance" },
{ name: "twitter:title", content: "FleetWrench — Trucking Maintenance" },
{ property: "og:description", content: "Manage trucks, drivers, work orders, and maintenance for trucking fleets." },
{ name: "twitter:description", content: "Manage trucks, drivers, work orders, and maintenance for trucking fleets." },
{ property: "og:image", content: "https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/e916274b-9926-40cf-a5fe-a933312de485/id-preview-b1f05621--6eb30fe8-7cda-4f1c-9a3e-86cddafee23d.lovable.app-1778171563969.png" },
{ name: "twitter:image", content: "https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/e916274b-9926-40cf-a5fe-a933312de485/id-preview-b1f05621--6eb30fe8-7cda-4f1c-9a3e-86cddafee23d.lovable.app-1778171563969.png" },
{ name: "twitter:card", content: "summary_large_image" },
{ property: "og:type", content: "website" },
],
links: [{ rel: "stylesheet", href: appCss }],
}),
shellComponent: RootShell,
component: RootComponent,
notFoundComponent: NotFoundComponent,
errorComponent: ErrorComponent,
});
function RootShell({ children }: { children: React.ReactNode }) {
return (
{children}
);
}
function RootComponent() {
const { queryClient } = Route.useRouteContext();
return (
);
}