Client - improve calendar display on mobile + fix

fittrackee_client/src/store/modules/workouts/actions.ts

@@ -47,6 +47,7 @@ export const actions: ActionTree<IWorkoutsState, IRootState> &
     context: ActionContext<IWorkoutsState, IRootState>,
     payload: IWorkoutsPayload
   ): void {
+    context.commit(WORKOUTS_STORE.MUTATIONS.EMPTY_CALENDAR_WORKOUTS)
     getWorkouts(context, payload, 'CALENDAR_WORKOUTS')
   },
   [WORKOUTS_STORE.ACTIONS.GET_USER_WORKOUTS](

fittrackee_client/src/store/modules/workouts/enums.ts

@@ -16,6 +16,7 @@ export enum WorkoutsGetters {
 
 export enum WorkoutsMutations {
   EMPTY_WORKOUTS = 'EMPTY_WORKOUTS',
+  EMPTY_CALENDAR_WORKOUTS = 'EMPTY_CALENDAR_WORKOUTS',
   EMPTY_WORKOUT = 'EMPTY_WORKOUT',
   SET_CALENDAR_WORKOUTS = 'SET_CALENDAR_WORKOUTS',
   SET_USER_WORKOUTS = 'SET_USER_WORKOUTS',

fittrackee_client/src/store/modules/workouts/mutations.ts

@@ -44,6 +44,9 @@ export const mutations: MutationTree<IWorkoutsState> & TWorkoutsMutations = {
   ) {
     state.workoutData.loading = loading
   },
+  [WORKOUTS_STORE.MUTATIONS.EMPTY_CALENDAR_WORKOUTS](state: IWorkoutsState) {
+    state.calendar_workouts = []
+  },
   [WORKOUTS_STORE.MUTATIONS.EMPTY_WORKOUTS](state: IWorkoutsState) {
     state.calendar_workouts = []
     state.user_workouts = []

fittrackee_client/src/store/modules/workouts/types.ts

@@ -78,6 +78,7 @@ export type TWorkoutsMutations<S = IWorkoutsState> = {
     state: S,
     loading: boolean
   ): void
+  [WORKOUTS_STORE.MUTATIONS.EMPTY_CALENDAR_WORKOUTS](state: S): void
   [WORKOUTS_STORE.MUTATIONS.EMPTY_WORKOUTS](state: S): void
   [WORKOUTS_STORE.MUTATIONS.EMPTY_WORKOUT](state: S): void
 }