feat: TT-155 register userEfecct in AppModule

Author: thegreatyamori

src/app/app.module.ts

@@ -57,7 +57,8 @@ import { ProjectTypeListComponent } from './modules/customer-management/componen
 // tslint:disable-next-line: max-line-length
 import { CreateProjectTypeComponent } from './modules/customer-management/components/projects-type/components/create-project-type/create-project-type.component';
 import { CustomerEffects } from './modules/customer-management/store/customer-management.effects';
-import { UserEffects } from './modules/users/store/user.effects';
+import { UserEffects as UsersEffects } from './modules/users/store/user.effects';
+import { UserEffects } from './modules/login/store/user.effects';
 import { EntryEffects } from './modules/time-clock/store/entry.effects';
 import { InjectTokenInterceptor } from './modules/shared/interceptors/inject.token.interceptor';
 import { SubstractDatePipe } from './modules/shared/pipes/substract-date/substract-date.pipe';
@@ -74,7 +75,7 @@ import { LoadingBarComponent } from './modules/shared/components/loading-bar/loa
 import { UsersComponent } from './modules/users/pages/users.component';
 import { UsersListComponent } from './modules/users/components/users-list/users-list.component';
 import { UiSwitchModule } from 'ngx-ui-switch';
-import {NgxMaterialTimepickerModule} from 'ngx-material-timepicker';
+import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
 // tslint:disable-next-line: max-line-length
 import { TechnologyReportTableComponent } from './modules/technology-report/components/technology-report-table/technology-report-table.component';
 import { TechnologyReportComponent } from './modules/technology-report/pages/technology-report.component';
@@ -151,8 +152,8 @@ const maskConfig: Partial<IConfig> = {
     }),
     !environment.production
       ? StoreDevtoolsModule.instrument({
-        maxAge: 15, // Retains last 15 states
-      })
+          maxAge: 15, // Retains last 15 states
+        })
       : [],
     EffectsModule.forRoot([
       ProjectEffects,
@@ -161,9 +162,10 @@ const maskConfig: Partial<IConfig> = {
       TechnologyEffects,
       ProjectTypeEffects,
       EntryEffects,
+      UsersEffects,
       UserEffects,
     ]),
-    ToastrModule.forRoot()
+    ToastrModule.forRoot(),
   ],
   providers: [
     {
@@ -176,4 +178,4 @@ const maskConfig: Partial<IConfig> = {
   ],
   bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}

src/app/modules/login/store/user.actions.spec.ts

@@ -8,26 +8,19 @@ export enum UserActionTypes {
 
 export class LoadUser implements Action {
   public readonly type = UserActionTypes.LOAD_USER;
-  constructor(readonly userId) {
-  }
+  constructor(readonly userId: string) {}
 }
 
 export class LoadUserSuccess implements Action {
-  readonly type = UserActionTypes.LOAD_USER_SUCCESS;
+  public readonly type = UserActionTypes.LOAD_USER_SUCCESS;
 
-  constructor(readonly payload) {
-  }
+  constructor(readonly payload: any) {}
 }
 
 export class LoadUserFail implements Action {
   public readonly type = UserActionTypes.LOAD_USER_FAIL;
 
-  constructor(public error: string) {
-  }
+  constructor(public error: string) {}
 }
 
-
-export type UserActions =
-  | LoadUser
-  | LoadUserSuccess
-  | LoadUserFail
+export type UserActions = LoadUser | LoadUserSuccess | LoadUserFail;

…ed/components/user/store/user.actions.ts …/app/modules/login/store/user.actions.tssrc/app/modules/shared/components/user/store/user.actions.ts renamed to src/app/modules/login/store/user.actions.ts src/app/modules/shared/components/user/store/user.actions.ts renamed to src/app/modules/login/store/user.actions.ts

@@ -1,30 +1,24 @@
 import { Injectable } from '@angular/core';
-import { Actions, Effect, ofType } from '@ngrx/effects';
+import { Actions, ofType, Effect } from '@ngrx/effects';
 import { Action } from '@ngrx/store';
 import { Observable, of } from 'rxjs';
-import { catchError, map, mergeMap, switchMap } from 'rxjs/operators';
+import { catchError, map, mergeMap } from 'rxjs/operators';
 import { UserService } from './user.service';
 import * as actions from './user.actions';
 
 @Injectable()
 export class UserEffects {
-  constructor(private actions$: Actions, private userService: UserService) {
-  }
+  constructor(private actions$: Actions, private userService: UserService) {}
 
   @Effect()
-  loadUser$: Observable<Action> = this.actions$.pipe(
+  loadUserInfo$: Observable<Action> = this.actions$.pipe(
     ofType(actions.UserActionTypes.LOAD_USER),
     map((action: actions.LoadUser) => action.userId),
     mergeMap((userId) =>
       this.userService.loadUser(userId).pipe(
-        map((response) => {
-          return new actions.LoadUserSuccess(response);
-        }),
-        catchError((error) => {
-          return of(new actions.LoadUserFail(error));
-        })
+        map((response) => new actions.LoadUserSuccess(response)),
+        catchError((error) => of(new actions.LoadUserFail(error)))
       )
     )
   );
-
 }

src/app/modules/login/store/user.effects.spec.ts

@@ -1,8 +1,8 @@
 import { UserActions, UserActionTypes } from './user.actions';
 
 export const initialState = {
-  name:'',
-  groups:[]
+  name: '',
+  groups: [],
 };
 
 export const userReducer = (state: any = initialState, action: UserActions): any => {
@@ -13,7 +13,7 @@ export const userReducer = (state: any = initialState, action: UserActions): any
       return {
         ...state,
         name: action.payload.name,
-        groups: action.payload.groups
+        groups: action.payload.groups,
       };
     case UserActionTypes.LOAD_USER_FAIL:
       return state;

…ed/components/user/store/user.effects.ts …/app/modules/login/store/user.effects.tssrc/app/modules/shared/components/user/store/user.effects.ts renamed to src/app/modules/login/store/user.effects.ts src/app/modules/shared/components/user/store/user.effects.ts renamed to src/app/modules/login/store/user.effects.ts

@@ -1,6 +1,5 @@
 import { createFeatureSelector, createSelector } from '@ngrx/store';
 
-const getUserState = createFeatureSelector('user');
+const getUserState = createFeatureSelector<any>('user');
 
 export const getUserInfo = createSelector(getUserState, (state: any) => state);
-