OwenKelvin/Angular-School-Management-System

import {
  ActionReducer,
  ActionReducerMap,
  createFeatureSelector,
  createSelector,
  MetaReducer
} from '@ngrx/store';
import { environment } from '../../../environments/environment';
import { SHOW_SUCCESS_MESSAGE } from '../actions/app.action';
// import { reducer } from './app.reducer';



export interface State {
  app: { user: object, showSideBar: boolean, showMessage: boolean};
}

export const reducers: ActionReducerMap<State> = {
  app: reducer
};

export const TOGGLE_SIDEBAR = '[APP STATE] toggle side bar';
export const TOGGLE_DIALOGUE = '[APP STATE] show dialog';
export const SET_LOGGED_IN_USER = '[APP STATE] set logged in user';

export function reducer(state, action) {
  const freshState: State = {
    app: {
      user: {
        first_name: '',
        last_name: ''
      },
      showSideBar: false,
      showMessage: false
    }
  };
  switch (action.type) {
    case SET_LOGGED_IN_USER:
      const user = state ? { ...state.user, ...action.payload } : {...action.payload};
      return {
        ...state, user
      };

    case TOGGLE_SIDEBAR:

      return {
        ...state,
        showSideBar: action.payload
      };
    case TOGGLE_DIALOGUE:

      return {
        ...state,
        showMessage: action.payload
      };
    case SHOW_SUCCESS_MESSAGE:
      return {
        ...state,
        showSuccessMessage: action.payload
      };
    default:
      return state;
  }
}

export const metaReducers: MetaReducer<State>[] = !environment.production ? [] : [];