Client - workaround to display data on chart + minor fixes

fittrackee_client/src/components/Common/StatsChart/Chart.vue

@@ -48,7 +48,8 @@
       }
       let chartData: ComputedRef<ChartData<'bar'>> = computed(() => ({
         labels: props.labels,
-        datasets: props.datasets,
+        // workaround to avoid dataset modification
+        datasets: JSON.parse(JSON.stringify(props.datasets)),
       }))
       const options = computed<ChartOptions<'bar'>>(() => ({
         responsive: true,

fittrackee_client/src/types/statistics.ts

@@ -18,7 +18,9 @@ export interface IStatisticsDateParams {
 
 export type TDatasetKeys = 'nb_workouts' | 'total_duration' | 'total_distance'
 
-export type TStatistics = Record<TDatasetKeys, number>
+export type TStatistics = {
+  [key in TDatasetKeys]: number
+}
 
 export type TSportStatistics = {
   [key in number]: TStatistics
@@ -34,10 +36,9 @@ export interface IStatisticsChartDataset {
   data: number[]
 }
 
-export type TStatisticsDatasets = Record<
-  TDatasetKeys,
-  IStatisticsChartDataset[]
->
+export type TStatisticsDatasets = {
+  [key in TDatasetKeys]: IStatisticsChartDataset[]
+}
 
 export interface IStatisticsChartData {
   labels: unknown[]

fittrackee_client/src/utils/statistics.ts

@@ -44,15 +44,13 @@ export const getDateKeys = (
 const getStatisticsChartDataset = (
   sportLabel: string,
   color: string
-): IStatisticsChartDataset =>
-  Object.assign(
-    {},
-    {
-      label: sportLabel,
-      backgroundColor: [color],
-      data: [],
-    }
-  )
+): IStatisticsChartDataset => {
+  return {
+    label: sportLabel,
+    backgroundColor: [color],
+    data: [],
+  }
+}
 
 export const getDatasets = (displayedSports: ISport[]): TStatisticsDatasets => {
   const datasets: TStatisticsDatasets = {