ing

src/app/component/infra/display/display.component.ts

@@ -24,7 +24,7 @@ import * as InfraStore from '../../../store/infra/infra';
   styleUrls: ['./display.component.scss']
 })
 export class DisplayComponent implements OnInit, AfterContentInit, OnDestroy {
-  private infraDisplayType$: Observable<InfraDisplayType>;
+  infraDisplayType$: Observable<InfraDisplayType>;
 
   displaySidebar = false;
   selectedInfraSubscription: Subscription | null;

src/app/store/discovery/index.ts

@@ -2,7 +2,8 @@ import { Type } from '@angular/core';
 import {
   Selector,
   createSelector,
-  combineReducers
+  combineReducers,
+  compose
 } from '@ngrx/store';
 
 import * as ConfigStore from './config';
@@ -19,10 +20,17 @@ export const EFFECTS: Type<any>[] = [
   RequestStore.RequestEffects,
 ];
 
-export const REDUCER = combineReducers({
+export function reducer(state: any, action: any) {
+  return combineReducers({
     config: ConfigStore.reducer,
     request: RequestStore.reducer,
-});
+  })(state, action);
+}
+
+// export const REDUCER = combineReducers({
+//   config: ConfigStore.reducer,
+//   request: RequestStore.reducer,
+// });
 
 export function getSelectors<S>(selector: Selector<any, State>) {
   return {

src/app/store/environment/index.ts

@@ -2,7 +2,8 @@ import { Type } from '@angular/core';
 import {
   Selector,
   createSelector,
-  combineReducers
+  combineReducers,
+  compose
 } from '@ngrx/store';
 
 import * as InterfacesStore from './interfaces';
@@ -19,10 +20,17 @@ export const EFFECTS: Type<any>[] = [
   UserStore.UserEffects,
 ];
 
-export const REDUCER = combineReducers({
+export function reducer(state: any, action: any) {
+  return combineReducers({
     interfaces: InterfacesStore.reducer,
     user: UserStore.reducer,
-});
+  })(state, action);
+}
+
+// export const REDUCER = combineReducers({
+//   interfaces: InterfacesStore.reducer,
+//   user: UserStore.reducer,
+// });
 
 export function getSelectors<S>(selector: Selector<any, State>) {
   return {

src/app/store/index.ts

@@ -24,10 +24,10 @@ export const EFFECTS: Type<any>[] = [
 
 export const REDUCERS: ActionReducerMap<any> = {
   router: fromRouter.routerReducer,
-  discovery: DiscoveryStore.REDUCER,
-  environment: EnvironmentStore.REDUCER,
-  infra: InfraStore.REDUCER,
-  ui: UIStore.REDUCER,
+  discovery: DiscoveryStore.reducer,
+  environment: EnvironmentStore.reducer,
+  infra: InfraStore.reducer,
+  ui: UIStore.reducer,
 };
 
 // console.log all actions

src/app/store/infra/index.ts

@@ -2,7 +2,8 @@ import { Type } from '@angular/core';
 import {
   Selector,
   createSelector,
-  combineReducers
+  combineReducers,
+  compose
 } from '@ngrx/store';
 
 import * as InfraStore from './infra';
@@ -16,9 +17,15 @@ export const EFFECTS: Type<any>[] = [
   InfraStore.InfraEffects,
 ];
 
-export const REDUCER = combineReducers({
+export function reducer(state: any, action: any) {
+  return combineReducers({
     infra: InfraStore.reducer,
-});
+  })(state, action);
+}
+
+// export const REDUCER = combineReducers({
+//   infra: InfraStore.reducer,
+// });
 
 export function getSelectors<S>(selector: Selector<any, State>) {
   return {

src/app/store/ui/index.ts

@@ -2,7 +2,8 @@ import { Type } from '@angular/core';
 import {
   Selector,
   createSelector,
-  combineReducers
+  combineReducers,
+  compose
 } from '@ngrx/store';
 
 import * as LayoutStore from './layout';
@@ -16,9 +17,16 @@ export const EFFECTS: Type<any>[] = [
   LayoutStore.LayoutEffects,
 ];
 
-export const REDUCER = combineReducers({
+export function reducer(state: any, action: any) {
+  return combineReducers({
     layout: LayoutStore.reducer,
-});
+  })(state, action);
+}
+
+
+// export const REDUCER = combineReducers({
+//   layout: LayoutStore.reducer,
+// });
 
 export function getSelectors<S>(selector: Selector<any, State>) {
   return {