zerobyte/app/routes/(auth)/login.tsx
2026-03-11 18:53:58 +01:00

29 lines
777 B
TypeScript

import { Outlet, createFileRoute, useRouterState } from "@tanstack/react-router";
import { z } from "zod";
import { LoginPage } from "~/client/modules/auth/routes/login";
export const Route = createFileRoute("/(auth)/login")({
component: RouteComponent,
errorComponent: () => <div>Failed to load login</div>,
validateSearch: z.object({ error: z.string().optional() }),
head: () => ({
meta: [
{ title: "Zerobyte - Login" },
{
name: "description",
content: "Sign in to your Zerobyte account.",
},
],
}),
});
function RouteComponent() {
const { error } = Route.useSearch();
const pathname = useRouterState({ select: (state) => state.location.pathname });
if (pathname !== "/login") {
return <Outlet />;
}
return <LoginPage error={error} />;
}