kyle
e2863c1f6c
- activities indexes + client_events/client_errors/rollups/alerts collections - global function middleware via createStart; reads skipped on success - actor stash, denial dedup, control-flow error guards - api route logging, auth event overrides, beacon endpoint, web vitals - centralized admin role checks, shared skeletons, award-badges fix - extracted deriveRunState with tests
51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
import { createFileRoute, redirect } from "@tanstack/react-router";
|
|
import { tournamentQueries } from "@/features/tournaments/queries";
|
|
import ManageTeams from "@/features/teams/components/manage-teams";
|
|
import { ensureServerQueryData } from "@/lib/tanstack-query/utils/ensure";
|
|
import { ListSkeleton } from "@/components/skeletons";
|
|
import { Box, Skeleton, Stack } from "@mantine/core";
|
|
import { msg } from "@lingui/core/macro";
|
|
|
|
export const Route = createFileRoute("/_authed/admin/tournaments/$id/teams")({
|
|
beforeLoad: async ({ context, params }) => {
|
|
const { queryClient } = context;
|
|
const tournament = await ensureServerQueryData(
|
|
queryClient,
|
|
tournamentQueries.details(params.id)
|
|
);
|
|
if (!tournament) throw redirect({ to: "/admin/tournaments" });
|
|
return {
|
|
tournament,
|
|
};
|
|
},
|
|
loader: ({ context }) => ({
|
|
header: {
|
|
withBackButton: true,
|
|
title: msg`{name} Teams`,
|
|
titleValues: { name: context.tournament.name },
|
|
},
|
|
withPadding: false,
|
|
}),
|
|
component: RouteComponent,
|
|
pendingComponent: ManageTeamsPending,
|
|
});
|
|
|
|
function ManageTeamsPending() {
|
|
return (
|
|
<Stack gap="xs">
|
|
<Box px="md">
|
|
<Skeleton height={42} radius="sm" />
|
|
</Box>
|
|
<Box px="md">
|
|
<Skeleton height={12} width={90} radius="sm" />
|
|
</Box>
|
|
<ListSkeleton rows={8} withAvatar avatarSize={40} withTrailing="double" padding="xs" />
|
|
</Stack>
|
|
);
|
|
}
|
|
|
|
function RouteComponent() {
|
|
const { id } = Route.useParams();
|
|
const { tournament } = Route.useRouteContext();
|
|
return <ManageTeams tournament={tournament} />;
|
|
} |