Client - inject sport colors

fittrackee_client/src/components/Statistics/StatsSportsMenu.vue

@@ -20,12 +20,12 @@
 </template>
 
 <script lang="ts">
-  import { ComputedRef, PropType, computed, defineComponent } from 'vue'
+  import { ComputedRef, PropType, computed, defineComponent, inject } from 'vue'
   import { useI18n } from 'vue-i18n'
 
   import SportImage from '@/components/Common/Images/SportImage/index.vue'
   import { ISport, ITranslatedSport } from '@/types/sports'
-  import { translateSports, sportColors } from '@/utils/sports'
+  import { translateSports } from '@/utils/sports'
 
   export default defineComponent({
     name: 'SportsMenu',
@@ -54,7 +54,7 @@
       }
 
       return {
-        sportColors,
+        sportColors: inject('sportColors'),
         translatedSports,
         updateSelectedSportIds,
       }

fittrackee_client/src/components/Statistics/index.vue

@@ -37,7 +37,7 @@
   import { ISport, ITranslatedSport } from '@/types/sports'
   import { IStatisticsDateParams } from '@/types/statistics'
   import { IAuthUserProfile } from '@/types/user'
-  import { translateSports, sportColors } from '@/utils/sports'
+  import { translateSports } from '@/utils/sports'
   import { getStatsDateParams, updateChartParams } from '@/utils/statistics'
 
   export default defineComponent({
@@ -106,7 +106,6 @@
       return {
         chartParams,
         selectedTimeFrame,
-        sportColors,
         timeFrames,
         translatedSports,
         selectedSportIds,