brackt/app/components/league/settings/LeagueSettingsHeader.tsx
Chris Parsons 05fe1493a3
Refactor league settings into per-section components (#379)
* Refactor league settings into per-section components (#347)

Extract all settings sections from the monolithic 1009-line route file into
individual components under app/components/league/settings/. Route file drops
to ~300 lines. Separates draft-order dirty state from general settings dirty
state, deduplicates section-change handling, and fixes several bugs found
during review (typo in pointsFor5th, wrong mock in tests, lint violations).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Fix Stop hook loop: suppress output on typecheck success

The Stop hook was producing stdout on every run, causing Claude Code to
feed it back as context and rewake the model each turn. Now emits a
systemMessage JSON only on failure.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Typescript fix

* Remove type asserting

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-05 14:19:50 -07:00

22 lines
615 B
TypeScript

import { Link } from "react-router";
import { Button } from "~/components/ui/button";
export function LeagueSettingsHeader({
leagueId,
leagueName,
}: {
leagueId: string;
leagueName: string;
}) {
return (
<div className="mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
<div>
<h1 className="text-3xl font-bold sm:text-4xl">League Settings</h1>
<p className="mt-1 text-muted-foreground">{leagueName}</p>
</div>
<Button variant="outline" asChild>
<Link to={`/leagues/${leagueId}`}>Back to League</Link>
</Button>
</div>
);
}