angular-state-management-50.ts

import { ActionReducerMap, createFeatureSelector, createSelector } from '@ngrx/store';

import * as fromRoot from '../../reducers';
import * as fromDates from './dates';
import * as fromProjects from './projects';

export interface ProjectsState {
  dates: fromDates.State;
  projects: fromProjects.State;
}

export interface State extends fromRoot.State {
  projects: ProjectsState;
}

export const reducers: ActionReducerMap<ProjectsState> = {
  dates: fromDates.reducer,
  projects: fromProjects.reducer,
};

export const getProjectsState = createFeatureSelector<ProjectsState>('projects');

export const getProjectEntitiesState = createSelector(
  getProjectsState,
  state => state.projects,
);

/* Dates Selectors */

export const getDatesState = createSelector(
  getProjectsState,
  state => state.dates
);

export const getSelectedWeekInfo = createSelector(
  getDatesState,
  fromDates.getSelectedWeekInfo
);