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 && (