init

src/app/routes/_authed/profile.$playerId.tsx

@@ -0,0 +1,28 @@
+import Page from "@/components/page";
+import Profile from "@/features/players/components/profile";
+import { playerQueries } from "@/features/players/queries";
+import { redirect, createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/_authed/profile/$playerId")({
+  beforeLoad: async ({ params, context }) => {
+    const { queryClient } = context;
+    const player = await queryClient.ensureQueryData(playerQueries.details(params.playerId))
+    if (!player) throw redirect({ to: '/' });
+    return {
+      player
+    }
+  },
+  loader: ({ params }) => ({
+    header: {
+      collapsed: true,
+      withBackButton: true
+    },
+    refresh: {
+      toRefresh: [playerQueries.details(params.playerId).queryKey],
+    }
+  }),
+  component: () => {
+    const { player } = Route.useRouteContext();
+    return <Page><Profile player={player} /></Page>
+  },
+})