37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import { createFileRoute } from "@tanstack/react-router";
|
|
import { createServerFn } from "@tanstack/react-start";
|
|
import { getCookie, getRequestHeaders } from "@tanstack/react-start/server";
|
|
import { Layout } from "~/client/components/layout";
|
|
import { SIDEBAR_COOKIE_NAME } from "~/client/components/ui/sidebar";
|
|
import { authMiddleware } from "~/middleware/auth";
|
|
import { auth } from "~/server/lib/auth";
|
|
import { authService } from "~/server/modules/auth/auth.service";
|
|
|
|
export const fetchUser = createServerFn({ method: "GET" }).handler(async () => {
|
|
const headers = getRequestHeaders();
|
|
const session = await auth.api.getSession({ headers });
|
|
const hasUsers = await authService.hasUsers();
|
|
|
|
const sidebarCookie = getCookie(SIDEBAR_COOKIE_NAME);
|
|
const sidebarOpen = !sidebarCookie ? true : sidebarCookie === "true";
|
|
|
|
return { user: session?.user ?? null, hasUsers, sidebarOpen };
|
|
});
|
|
|
|
export const Route = createFileRoute("/(dashboard)")({
|
|
component: PathlessLayoutComponent,
|
|
errorComponent: (e) => <div>{e.error.message}</div>,
|
|
server: {
|
|
middleware: [authMiddleware],
|
|
},
|
|
loader: async () => {
|
|
const authContext = await fetchUser();
|
|
return authContext;
|
|
},
|
|
});
|
|
|
|
function PathlessLayoutComponent() {
|
|
const loaderData = Route.useLoaderData();
|
|
|
|
return <Layout loaderData={loaderData} />;
|
|
}
|