diff --git a/src/components/modules/ScoreModule.tsx b/src/components/modules/ScoreModule.tsx index 570b136..6913de2 100644 --- a/src/components/modules/ScoreModule.tsx +++ b/src/components/modules/ScoreModule.tsx @@ -1,5 +1,5 @@ import { useEffect, useState } from "react"; -import { BillsScore, SabresScore } from "../../utils/types"; +import { BillsScore, SabresScore, YankeesScore } from "../../utils/types"; interface TeamRowProps { functionClick?: () => void; @@ -48,8 +48,8 @@ function TeamRow({

- {homeTeam.abbreviation} {homeTeam.score} - {awayTeam.abbreviation}{" "} - {awayTeam.score} + {awayTeam.abbreviation} {awayTeam.score} - {homeTeam.abbreviation}{" "} + {homeTeam.score}

{venue} - {new Date(date || Date.now()).toLocaleDateString()} @@ -62,6 +62,7 @@ function TeamRow({ export default function ScoreModule() { const [billsScore, setBillsScore] = useState(null); const [sabresScore, setSabresScore] = useState(null); + const [yankeesScore, setYankeesScore] = useState(null); const [warpath, setWarpath] = useState(false); useEffect(() => { @@ -80,10 +81,20 @@ export default function ScoreModule() { const data = await res.json(); setSabresScore(data); } else { - console.error("Failed to fetch Sabresscore; " + res.statusText); + console.error("Failed to fetch Sabres score; " + res.statusText); + } + } + async function fetchYankeesScore() { + const res = await fetch("https://api.alexav.gg/v4/sports/scores/yankees"); + if (res.ok) { + const data = await res.json(); + setYankeesScore(data); + } else { + console.error("Failed to fetch Yankees score; " + res.statusText); } } + fetchYankeesScore(); fetchBillsScore(); fetchSabresScore(); }, []); @@ -108,6 +119,14 @@ export default function ScoreModule() { venue={billsScore.venue} /> )} + {yankeesScore?.homeTeam && yankeesScore.awayTeam && ( + + )} {warpath && (