Client - display page error if can not fetch app config

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

@@ -10,6 +10,7 @@ export const actions: ActionTree<IRootState, IRootState> & IRootActions = {
     context: ActionContext<IRootState, IRootState>
   ): void {
     context.commit(ROOT_STORE.MUTATIONS.EMPTY_ERROR_MESSAGES)
+    context.commit(ROOT_STORE.MUTATIONS.UPDATE_APPLICATION_LOADING, true)
     authApi
       .get('config')
       .then((res) => {
@@ -23,5 +24,8 @@ export const actions: ActionTree<IRootState, IRootState> & IRootActions = {
         }
       })
       .catch((error) => handleError(context, error))
+      .finally(() =>
+        context.commit(ROOT_STORE.MUTATIONS.UPDATE_APPLICATION_LOADING, false)
+      )
   },
 }

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

@@ -3,6 +3,8 @@ export enum RootActions {
 }
 
 export enum RootGetters {
+  APP_CONFIG = 'APP_CONFIG',
+  APP_LOADING = 'APP_LOADING',
   ERROR_MESSAGES = 'ERROR_MESSAGES',
   LANGUAGE = 'LANGUAGE',
 }
@@ -11,5 +13,6 @@ export enum RootMutations {
   EMPTY_ERROR_MESSAGES = 'EMPTY_ERROR_MESSAGES',
   SET_ERROR_MESSAGES = 'SET_ERROR_MESSAGES',
   UPDATE_APPLICATION_CONFIG = 'UPDATE_APPLICATION_CONFIG',
+  UPDATE_APPLICATION_LOADING = 'UPDATE_APPLICATION_LOADING',
   UPDATE_LANG = 'UPDATE_LANG',
 }

fittrackee_client/src/store/modules/root/getters.ts

@@ -4,6 +4,12 @@ import { ROOT_STORE } from '@/store/constants'
 import { IRootState, IRootGetters } from '@/store/modules/root/interfaces'
 
 export const getters: GetterTree<IRootState, IRootState> & IRootGetters = {
+  [ROOT_STORE.GETTERS.APP_CONFIG]: (state: IRootState) => {
+    return state.application.config
+  },
+  [ROOT_STORE.GETTERS.APP_LOADING]: (state: IRootState) => {
+    return state.appLoading
+  },
   [ROOT_STORE.GETTERS.ERROR_MESSAGES]: (state: IRootState) => {
     return state.errorMessages
   },

fittrackee_client/src/store/modules/root/interfaces.ts

@@ -28,6 +28,7 @@ export interface IRootState {
   language: string
   errorMessages: string | string[] | null
   application: IApplication
+  appLoading: boolean
 }
 
 export interface IRootActions {
@@ -37,6 +38,8 @@ export interface IRootActions {
 }
 
 export interface IRootGetters {
+  [ROOT_STORE.GETTERS.APP_CONFIG](state: IRootState): IAppConfig
+  [ROOT_STORE.GETTERS.APP_LOADING](state: IRootState): boolean
   [ROOT_STORE.GETTERS.ERROR_MESSAGES](
     state: IRootState
   ): string | string[] | null

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

@@ -20,6 +20,12 @@ export const mutations: MutationTree<IRootState> & TRootMutations = {
   ) {
     state.application.config = config
   },
+  [ROOT_STORE.MUTATIONS.UPDATE_APPLICATION_LOADING](
+    state: IRootState,
+    loading: boolean
+  ) {
+    state.appLoading = loading
+  },
   [ROOT_STORE.MUTATIONS.UPDATE_LANG](state: IRootState, language: string) {
     state.language = language
   },

fittrackee_client/src/store/modules/root/state.ts

@@ -6,4 +6,5 @@ export const state: IRootState = {
   language: 'en',
   errorMessages: null,
   application: <IApplication>{},
+  appLoading: false,
 }