change: 試合を時間順に表示するように変更

Sports-day · May 21, 2024 · 0dec2f0 · 0dec2f0
1 parent ef0dde7
commit 0dec2f0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/match/matchList.tsx b/components/match/matchList.tsx
@@ -7,7 +7,10 @@ export type MatchListProps = {
 }
 
 export default async function MatchList(props: MatchListProps) {
-    const components = props.matches.map((match) =>
+    const components = props.matches
+        //  sort by date in ascending order
+        .sort((a, b) => new Date(a.startAt).getTime() - new Date(b.startAt).getTime())
+        .map((match) =>
         <MatchCard
             match={match}
             key={match.id}