valknar
58b4114159
Full-stack World Cup web app (1930–2026): - Next.js 16 + TailwindCSS 4 + GraphQL Yoga + Apollo Client 4 + Drizzle + PostgreSQL 16 - 23 tournaments synced from openfootball/worldcup.json (matches, goals, teams, stadiums, squads, standings) - Pages: home (live), groups, stats, history, search, /tournaments/[year], /teams/[slug], /players/[name] - Live match detection via isLive() + Apollo 60 s poll - pnpm with node-linker=hoisted for Docker compatibility - docker-compose.yml with Traefik labels (HTTPS redirect, TLS, security middleware) - docker-compose.dev.yml for local dev (DB only, port 5432 exposed) - Dockerfile: multi-stage pnpm build, standalone Next.js output, sync script bundled - .env.example with all required variables documented - Comprehensive README with local dev, deployment, schema, and GraphQL API reference Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
21 lines
509 B
TypeScript
21 lines
509 B
TypeScript
import { getIso } from '@/lib/iso-codes'
|
|
|
|
interface Props {
|
|
name: string
|
|
iso2?: string | null
|
|
size?: 'sm' | 'md' | 'lg' | 'xl'
|
|
className?: string
|
|
}
|
|
|
|
const sizes = { sm: 'text-lg', md: 'text-2xl', lg: 'text-4xl', xl: 'text-[60px]' }
|
|
|
|
export function TeamFlag({ name, iso2, size = 'md', className = '' }: Props) {
|
|
const code = iso2 ?? getIso(name)
|
|
return (
|
|
<span
|
|
className={`fi fi-${code} rounded-sm inline-block flex-shrink-0 ${sizes[size]} ${className}`}
|
|
title={name}
|
|
/>
|
|
)
|
|
}
|