50 lines
1.7 KiB
TypeScript
50 lines
1.7 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 { getOrganizationContext } from "~/server/lib/functions/organization-context";
|
|
import { getServerConstants } from "~/server/lib/functions/server-constants";
|
|
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 ({ context }) => {
|
|
const [authContext] = await Promise.all([
|
|
fetchUser(),
|
|
context.queryClient.ensureQueryData({
|
|
queryKey: ["organization-context"],
|
|
queryFn: () => getOrganizationContext(),
|
|
}),
|
|
context.queryClient.ensureQueryData({
|
|
queryKey: ["server-constants"],
|
|
queryFn: () => getServerConstants(),
|
|
}),
|
|
]);
|
|
|
|
return authContext;
|
|
},
|
|
});
|
|
|
|
function PathlessLayoutComponent() {
|
|
const loaderData = Route.useLoaderData();
|
|
|
|
return <Layout loaderData={loaderData} />;
|
|
}
|