chore: cleanup streaks + delay show results

Author: zhengkyl

client/src/lib/storage.ts

@@ -61,8 +61,19 @@ function savePlayRecord(data: PlayRecord) {
 
 export function updateStreak(
   day: number,
-  time: [number, number],
 ): { daysPlayed: number; currentStreak: number; bestStreak: number } | null {
+  const finishDay = getDayNumber();
+  const now = new Date();
+
+  let time: [number, number];
+  if (finishDay === day) {
+    time = [now.getHours(), now.getMinutes()];
+  } else if (finishDay === day + 1 && now.getHours() < 3) {
+    time = [24 + now.getHours(), now.getMinutes()];
+  } else {
+    return null;
+  }
+
   const record = getPlayRecord();
   if (day in record) return null;
   record[day] = time;

client/src/pages/ArchivePage.tsx

@@ -62,8 +62,7 @@ function buildMonthGroups(maxDay: number, completed: Set<number>): MonthGroup[]
 }
 
 export function ArchivePage() {
-  const today = getDayNumber();
-  const maxDay = today;
+  const maxDay = getDayNumber();
   const completed = getCompletedDaySet();
   const months = buildMonthGroups(maxDay, completed);
 
@@ -104,7 +103,10 @@ function MonthCalendar({ year, month, firstDayOfWeek, daysInMonth, puzzleDays }:
           const info = puzzleDays.get(dayOfMonth);
           if (!info) {
             return (
-              <div key={dayOfMonth} class="aspect-square flex items-center justify-center text-xs text-gray-200">
+              <div
+                key={dayOfMonth}
+                class="aspect-square flex items-center justify-center text-xs text-gray-200"
+              >
                 {dayOfMonth}
               </div>
             );

client/src/pages/GamePage.tsx

@@ -62,7 +62,6 @@ function GameOrResults({ day, puzzle }: { day: number; puzzle: string }) {
       day={day}
       puzzle={puzzle}
       onComplete={(words) => {
-        const gameResult = updateDayResults(day, words);
         fetch(`/api/dailies/${day}/results`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
@@ -73,19 +72,13 @@ function GameOrResults({ day, puzzle }: { day: number; puzzle: string }) {
           }),
         });
 
-        const finishDay = getDayNumber();
-        const now = new Date();
-
-        let streaks: Streaks | null = null;
-        if (finishDay === day) {
-          streaks = updateStreak(day, [now.getHours(), now.getMinutes()]);
-        } else if (finishDay === day + 1 && now.getHours() < 3) {
-          streaks = updateStreak(day, [24 + now.getHours(), now.getMinutes()]);
-        }
+        const gameResult = updateDayResults(day, words);
+        const streaks = updateStreak(day);
 
-        // TODO Game errors if not switched immediately after onComplete
-        // what if fetch isn't called in time for data to show in result charts
-        setResults({ gameResult, streaks });
+        // hacky, wait until post to show results
+        setTimeout(() => {
+          setResults({ gameResult, streaks });
+        }, 300);
       }}
     />
   );