Append day labels to game titles

frontend/src/lib/teamsnapHelpers.ts

@@ -75,14 +75,15 @@ export function findCurrentPlayer(externalUserId: string | number | null | undef
 
 export function formatGameTitle(game: TeamSnapEvent): string {
   const name = asDisplayText(game.name);
+  const dayLabel = formatGameDayLabel(game);
   if (name) {
-    return name;
+    return `${name}${dayLabel}`;
   }
   const opponentName = asDisplayText(game.opponentName);
   if (opponentName) {
-    return `vs ${opponentName}`;
+    return `vs ${opponentName}${dayLabel}`;
   }
-  return `Game ${game.id}`;
+  return `Game ${game.id}${dayLabel}`;
 }
 
 export function formatGameDate(game: TeamSnapEvent): string {
@@ -98,6 +99,20 @@ export function formatGameDate(game: TeamSnapEvent): string {
   });
 }
 
+function formatGameDayLabel(game: TeamSnapEvent): string {
+  const date = toDate(game.startDate);
+  if (!date) {
+    return "";
+  }
+
+  const weekday = date
+    .toLocaleDateString("en-US", { weekday: "short" })
+    .replace(/\./g, "")
+    .replace(/^./, (character) => character.toUpperCase());
+  const monthDay = date.toLocaleDateString("en-US", { month: "numeric", day: "numeric" });
+  return ` (${weekday} ${monthDay})`;
+}
+
 export function sortGames(events: TeamSnapEvent[]): TeamSnapEvent[] {
   return [...events]
     .filter((event) => event.isGame)