feat: add manual match entry form and match detail pages with diagram

This commit is contained in:
2026-03-31 02:01:35 -07:00
parent e0d159ad8d
commit 141ca7c93e
6 changed files with 1164 additions and 186 deletions
@@ -102,9 +102,10 @@ export default async function TournamentResultsPage({ params }: PageProps) {
<div className="space-y-3">
{matches.slice(0, 10).map((match) => (
<div
<Link
key={match.id}
className="border border-gray-200 rounded p-3"
href={`/matches/${match.id}`}
className="block border border-gray-200 rounded p-3 hover:border-green-300 hover:bg-green-50 transition-colors"
>
<div className="flex justify-between items-center">
<div className="flex-1">
@@ -116,7 +117,7 @@ export default async function TournamentResultsPage({ params }: PageProps) {
{match.team2P1.name} + {match.team2P2.name}
</p>
</div>
<div className="text-right">
<div className="text-right flex items-center">
<span className={`font-bold ${
match.team1Score > match.team2Score
? 'text-green-600'
@@ -136,9 +137,22 @@ export default async function TournamentResultsPage({ params }: PageProps) {
}`}>
{match.team2Score}
</span>
<svg
className="ml-3 h-5 w-5 text-gray-400"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M9 5l7 7-7 7"
/>
</svg>
</div>
</div>
</div>
</Link>
))}
</div>
</div>