// World map screen — map on left, side panel with countries / leagues / top matches function MapScreen({ profile, onOpenPlayer, onNav }) { const [hoverIso, setHoverIso] = useState(null); const [selected, setSelected] = useState("PRT"); const countries = window.IAMS_DATA.COUNTRIES; const players = window.IAMS_DATA.PLAYERS; const selectedCountry = countries.find(c => c.iso === selected); const countryPlayers = players .filter(p => p.country === selected) .sort((a, b) => b.fit - a.fit); const ranked = useMemo( () => [...countries].sort((a, b) => b.fit - a.fit), [countries] ); return (
{/* Left: Map */}
{/* profile summary strip */}
● {profile.name || "Musterstadt SV"} {profile.league || "2. Bundesliga"} · tier {profile.tier || 2} budget: {profile.budget || "mid"} philosophy: {profile.philosophy || "pressing"} goal: {profile.goal || "u23"}
{/* hover tooltip */} {hoverIso && (() => { const h = countries.find(c => c.iso === hoverIso); if (!h) return null; return (
{h.region.toUpperCase()} · {h.iso}
{h.name}
{h.fit}
{h.note}
{h.leagues.slice(0, 2).map((l, i) => (
↳ {l}
))}
); })()}
{/* Right side: drill-down */}
); } function Sep() { return │; } // Compact player row — used in sidebar + shortlist screens function PlayerRow({ player, onClick, dense = false }) { return ( ); } Object.assign(window, { MapScreen, PlayerRow });