From c949931621b339d53a2bf8919dda6f2e1aee895b Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 2 Oct 2024 10:37:18 +0100
Subject: [PATCH] fix days ago labels (made it statically generate them instead
 of being based on the data provided

---
 .../player/chart/generic-player-chart.tsx     | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/player/chart/generic-player-chart.tsx b/src/components/player/chart/generic-player-chart.tsx
index ff1c585..21476b0 100644
--- a/src/components/player/chart/generic-player-chart.tsx
+++ b/src/components/player/chart/generic-player-chart.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { getDaysAgo, parseDate } from "@/common/time-utils";
+import { parseDate } from "@/common/time-utils";
 import ScoreSaberPlayer from "@/common/model/player/impl/scoresaber-player";
 import React from "react";
 import GenericChart, { DatasetConfig } from "@/components/chart/generic-chart";
@@ -18,6 +18,20 @@ type Props = {
   datasetConfig: DatasetConfig[];
 };
 
+// Set up the labels
+const labels: string[] = [];
+const historyDays = 50;
+for (let day = 0; day < historyDays; day++) {
+  if (day == 0) {
+    labels.push("Today");
+  } else if (day == 1) {
+    labels.push("Yesterday");
+  } else {
+    labels.push(`${day + 1} days ago`);
+  }
+}
+labels.reverse();
+
 export default function GenericPlayerChart({ player, datasetConfig }: Props) {
   if (!player.statisticHistory || Object.keys(player.statisticHistory).length === 0) {
     return (
@@ -26,8 +40,6 @@ export default function GenericPlayerChart({ player, datasetConfig }: Props) {
       </div>
     );
   }
-
-  const labels: string[] = [];
   const histories: Record<string, (number | null)[]> = {};
 
   // Initialize histories for each dataset
@@ -49,19 +61,13 @@ export default function GenericPlayerChart({ player, datasetConfig }: Props) {
     // Fill in missing days with null values
     if (previousDate) {
       const diffDays = Math.floor((currentDate.getTime() - previousDate.getTime()) / (1000 * 60 * 60 * 24));
-
       for (let i = 1; i < diffDays; i++) {
-        labels.push(`${getDaysAgo(new Date(currentDate.getTime() - i * 24 * 60 * 60 * 1000))} days ago`);
         datasetConfig.forEach(config => {
           histories[config.field].push(null);
         });
       }
     }
 
-    // Add today's label
-    const daysAgo = getDaysAgo(currentDate);
-    labels.push(daysAgo === 0 ? "Today" : `${daysAgo} days ago`);
-
     // Push the historical data to histories
     datasetConfig.forEach(config => {
       histories[config.field].push(getValueFromHistory(history, config.field) ?? null);