fix rank graph

projects/common/src/service/impl/beatsaver.ts

@@ -13,7 +13,6 @@ class BeatSaverService extends Service {
    * Gets the map that match the query.
    *
    * @param query the query to search for
-   * @param useProxy whether to use the proxy or not
    * @returns the map that match the query, or undefined if no map were found
    */
   async lookupMap(query: string): Promise<BeatSaverMapToken | undefined> {

projects/website/src/components/player/chart/generic-player-chart.tsx

@@ -40,9 +40,8 @@ export default function GenericPlayerChart({ player, datasetConfig }: Props) {
       </div>
     );
   }
-  const histories: Record<string, (number | null)[]> = {};
 
-  // Initialize histories for each dataset
+  const histories: Record<string, (number | null)[]> = {};
   datasetConfig.forEach(config => {
     histories[config.field] = [];
   });
@@ -52,30 +51,39 @@ export default function GenericPlayerChart({ player, datasetConfig }: Props) {
     ([a], [b]) => parseDate(a).getTime() - parseDate(b).getTime()
   );
 
-  let previousDate: Date | null = null;
+  const today = new Date();
+  let currentHistoryIndex = 0;
 
-  // Iterate through each statistic entry
+  // Iterate from 50 days ago to today
-  for (const [dateString, history] of statisticEntries) {
+  for (let dayAgo = historyDays - 1; dayAgo >= 0; dayAgo--) {
-    const currentDate = parseDate(dateString);
+    const targetDate = new Date();
+    targetDate.setDate(today.getDate() - dayAgo);
 
-    // Fill in missing days with null values
+    // Check if there is a statistic entry that matches this date
-    if (previousDate) {
+    let matchedEntry = false;
-      const diffDays = Math.floor((currentDate.getTime() - previousDate.getTime()) / (1000 * 60 * 60 * 24));
+
-      for (let i = 1; i < diffDays; i++) {
+    if (currentHistoryIndex < statisticEntries.length) {
+      const [dateString, history] = statisticEntries[currentHistoryIndex];
+      const entryDate = parseDate(dateString);
+
+      // If the current statistic entry matches the target date, use it
+      if (entryDate.toDateString() === targetDate.toDateString()) {
         datasetConfig.forEach(config => {
-          histories[config.field].push(null);
+          histories[config.field].push(getValueFromHistory(history, config.field) ?? null);
         });
+        currentHistoryIndex++;
+        matchedEntry = true;
       }
     }
 
-    // Push the historical data to histories
+    // If no matching entry, fill the current day with null
-    datasetConfig.forEach(config => {
+    if (!matchedEntry) {
-      histories[config.field].push(getValueFromHistory(history, config.field) ?? null);
+      datasetConfig.forEach(config => {
-    });
+        histories[config.field].push(null);
-
+      });
-    previousDate = currentDate; // Update the previousDate for the next iteration
+    }
   }
 
-  // Render the GenericChart with collected data
+  // Render the chart with collected data
   return <GenericChart labels={labels} datasetConfig={datasetConfig} histories={histories} />;
 }