goals

app/api/matches/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from "next/server";
-import { fetchMatchesAndTeams, fetchOdds, attachOdds, attachKOOdds, fetchFifaScores, applyFifaScores, assignKONumbersBySlots } from "@/lib/feeds";
+import { fetchMatchesAndTeams, fetchOdds, attachOdds, attachKOOdds, fetchFifaScores, applyFifaScores, assignKONumbersBySlots, attachFifaGoals } from "@/lib/feeds";
 import { computeGroupTables, computeThirdPlaceTable } from "@/lib/standings";
 import { qualifiedThirdGroups, resolveAnnexC } from "@/lib/bracket";
 import { securelyQualifiedThirdTeams } from "@/lib/third-place-security";
@@ -32,6 +32,11 @@ export async function GET() {
     try {
       const fifaData = await fetchFifaScores();
       matches = applyFifaScores(matches, teams, fifaData);
+      try {
+        matches = await attachFifaGoals(matches, fifaData);
+      } catch (err) {
+        console.warn("[fifa] Goals fehlgeschlagen:", err instanceof Error ? err.message : err);
+      }
     } catch (err) {
       console.warn("[fifa] Scores fehlgeschlagen:", err instanceof Error ? err.message : err);
     }

app/components/KoFixtures.tsx

@@ -198,10 +198,9 @@ export default function KoFixtures({ teams, matches }: { teams: Team[]; matches:
                       <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
                         {m.goals.map((g, i) => (
                           <span key={i} style={{
-                            display: "inline-flex", alignItems: "center", gap: 3,
-                            color: g.team === "home" ? "var(--ink)" : "var(--ink)",
+                            display: "inline-flex", alignItems: "center", gap: 4,
                           }}>
-                            {g.team === "home" ? "⬆" : "⬇"}
+                            <Flag team={g.team === "home" ? home : away} size={14} />
                             <span style={{ color: "var(--turf)", fontWeight: 700 }}>
                               {g.scorer}
                             </span>