fix: fix by comment. Changed feature: moving total -> moving average / fixed bugs and some styles.

Author: harukaeru

atcoder-problems-frontend/src/pages/UserPage/ProgressChartBlock/index.tsx

@@ -27,7 +27,7 @@ import { useLocalStorage } from "../../../utils/LocalStorage";
 import {
   countUniqueAcByDate,
   countTeeByDate,
-  countTeeInTheOldDays,
+  countTeeMovingAverage,
 } from "../../../utils/StreakCounter";
 import Submission from "../../../interfaces/Submission";
 import { ProblemId } from "../../../interfaces/Status";
@@ -147,7 +147,7 @@ export const ProgressChartBlock: React.FC<Props> = (props) => {
     return list;
   }, [] as { dateSecond: number; count: number }[]);
 
-  const teeInTheOldDays = countTeeInTheOldDays(dailyTeeCount);
+  const teeMovingAverage = countTeeMovingAverage(dailyTeeCount);
 
   const dateColorCountMap = Array.from(submissionsByProblem.values())
     .map((submissionsOfProblem) => {
@@ -281,9 +281,9 @@ export const ProgressChartBlock: React.FC<Props> = (props) => {
       <TeeChart climbingData={teeClimbing} />
 
       <Row className="my-2 border-bottom">
-        <h1>TEE In The Old Days</h1>
+        <h1>TEE Moving Average (30 days)</h1>
       </Row>
-      <TeeChart climbingData={teeInTheOldDays} />
+      <TeeChart climbingData={teeMovingAverage} />
 
       <Row className="my-2 border-bottom">
         <h1>Heatmap</h1>

atcoder-problems-frontend/src/utils/StreakCounter.ts

@@ -112,18 +112,24 @@ export const countTeeByDate = (
     .sort((a, b) => a.dateLabel.localeCompare(b.dateLabel));
 };
 
-export const countTeeInTheOldDays = (
+export const countTeeMovingAverage = (
   dailyTeeCount: {
     dateLabel: string;
     count: number;
   }[]
 ) => {
   const DURATION = 30;
+  if (!Array.isArray(dailyTeeCount) || dailyTeeCount.length === 0) {
+    return [];
+  }
 
   const minDateLabel = dailyTeeCount[0].dateLabel;
   const maxDateLabel = dailyTeeCount[dailyTeeCount.length - 1].dateLabel;
   const dateDelta =
-    (+new Date(maxDateLabel) - +new Date(minDateLabel)) / 1000 / 86400;
+    1 +
+    (new Date(maxDateLabel).getTime() - new Date(minDateLabel).getTime()) /
+      1000 /
+      86400;
 
   const differentiatedTees = Array.from(Array(dateDelta)).map((__, i) => {
     const nextDate = new Date(minDateLabel);
@@ -147,7 +153,7 @@ export const countTeeInTheOldDays = (
       if (!total) {
         return null;
       }
-      return { dateSecond, count: total };
+      return { dateSecond, count: total / DURATION };
     })
-    .filter((data) => !!data) as { dateSecond: number; count: number }[];
+    .filter((data): data is { dateSecond: number; count: number } => !!data);
 };