fix: duplicate numbers on repo-activity-racing-bar (#751)

src/pages/ContentScripts/features/repo-activity-racing-bar/data.ts

@@ -12,6 +12,25 @@ export interface RepoActivityDetails {
   [key: string]: [string, number][];
 }
 
+/**
+ * Filter and extract monthly data from the given data structure, which includes various date formats such as "yyyy", "yyyy-Qq", and "yyyy-mm".
+ * This function extracts and returns only the monthly data in the "yyyy-mm" format.
+ *
+ * @param data: RepoActivityDetails
+ * @returns RepoActivityDetails
+ */
+export function getMonthlyData(data: RepoActivityDetails) {
+  const monthlyData: RepoActivityDetails = {};
+
+  for (const key in data) {
+    // Check if the key matches the yyyy-mm format (e.g., "2020-05")
+    if (/^\d{4}-\d{2}$/.test(key)) {
+      monthlyData[key] = data[key];
+    }
+  }
+  return monthlyData;
+}
+
 /**
  * Count the number of unique contributors in the data
  * @returns [number of long term contributors, contributors' names]

src/pages/ContentScripts/features/repo-activity-racing-bar/view.tsx

@@ -4,7 +4,7 @@ import optionsStorage, {
   defaults,
 } from '../../../../options-storage';
 import RacingBar, { MediaControlers } from './RacingBar';
-import { RepoActivityDetails } from './data';
+import { RepoActivityDetails, getMonthlyData } from './data';
 import { PlayerButton } from './PlayerButton';
 import { SpeedController } from './SpeedController';
 
@@ -91,7 +91,7 @@ const View = ({ currentRepo, repoActivityDetails }: Props): JSX.Element => {
               <RacingBar
                 ref={mediaControlersRef}
                 speed={speed}
-                data={repoActivityDetails}
+                data={getMonthlyData(repoActivityDetails)}
                 setPlaying={setPlaying}
               />
             </div>