init

src/app/routes/_authed/admin/index.tsx

@@ -0,0 +1,22 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { Title } from "@mantine/core";
+import Page from "@/components/page";
+import { playerQueries } from "@/features/players/queries";
+import { useQuery } from "@tanstack/react-query";
+import PlayerList from "@/features/players/components/player-list";
+
+export const Route = createFileRoute("/_authed/admin/")({
+  loader: async ({ context }) => {
+    const { queryClient } = context;
+    await queryClient.ensureQueryData(playerQueries.list())
+  },
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const { data: players, isLoading } = useQuery(playerQueries.list());
+  return <Page>
+    <Title order={2} mb='md'>Players</Title>
+    <PlayerList players={players!} loading={isLoading} />
+  </Page>
+}