gitfor/platform

import { createFileRoute } from "@tanstack/react-router";
import { getForks } from "~/fns/repos";
import { RepoList } from "~/components/RepoList";
import { Panel } from "~/ui/Panel";

export const Route = createFileRoute("/$owner/$repo/forks")({
  loader: ({ params }) => getForks({ data: { owner: params.owner, repo: params.repo } }),
  component: ForksPage,
});

function ForksPage() {
  const forks = Route.useLoaderData();
  return (
    <Panel title="Forks">
      <RepoList repos={forks} empty="No forks yet." />
    </Panel>
  );
}