fix: remove ngxs router plugin

ngxs/store#542

package.json

@@ -39,7 +39,6 @@
     "@material/card": "^0.41.0",
     "@material/list": "^0.41.0",
     "@ngxs/form-plugin": "^3.2.0",
-    "@ngxs/router-plugin": "^3.2.0",
     "@ngxs/storage-plugin": "^3.2.0",
     "@ngxs/store": "^3.2.0",
     "@stomp/ng2-stompjs": "^4.0.1",

src/app/app.module.ts

@@ -25,15 +25,10 @@ import { AppComponent } from './app.component';
 import { SharedModule } from './shared/shared.module';
 import { NgxsModule } from '@ngxs/store';
 import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
-import { NgxsRouterPluginModule } from '@ngxs/router-plugin';
 import { EventsModule } from './events/events.module';
 import { NgxsFormPluginModule } from '@ngxs/form-plugin';
 import { NgxsStoragePluginModule } from '@ngxs/storage-plugin';
 
-export function tokenGetter() {
-  return localStorage.getItem('access_token');
-}
-
 export const API_URL = new InjectionToken<string>('apiUrl');
 
 const stompConfig: StompConfig = {
@@ -77,7 +72,6 @@ export const COMPONENTS = [AppComponent];
     SharedModule,
 
     NgxsModule.forRoot([]),
-    NgxsRouterPluginModule.forRoot(),
     NgxsFormPluginModule.forRoot(),
     NgxsStoragePluginModule.forRoot(),
     NgxsReduxDevtoolsPluginModule.forRoot({

src/app/auth/store/login.state.ts

@@ -11,7 +11,7 @@ import {
 } from './login.actions';
 import { catchError, map, switchMap } from 'rxjs/operators';
 import { asapScheduler } from 'rxjs/index';
-import { Navigate } from '@ngxs/router-plugin';
+import { Router } from '@angular/router';
 
 export class AuthStateModel {
   user: User | null;
@@ -28,7 +28,7 @@ export class AuthStateModel {
   }
 })
 export class AuthState {
-  constructor(private service: AuthService) {}
+  constructor(private service: AuthService, private router: Router) {}
 
   @Selector()
   static getUser(state: AuthStateModel) {
@@ -72,13 +72,13 @@ export class AuthState {
   }
 
   @Action(LoginSuccess)
-  loginSuccess({ patchState, dispatch }: StateContext<AuthStateModel>, { payload }: LoginSuccess) {
+  loginSuccess({ patchState }: StateContext<AuthStateModel>, { payload }: LoginSuccess) {
     patchState({
       pending: false,
       user: payload,
       error: null
     });
-    dispatch(new Navigate(['/']));
+    this.router.navigate(['/']);
   }
 
   @Action(UserLogged)
@@ -100,7 +100,7 @@ export class AuthState {
   }
 
   @Action([LoginRedirect, Logout])
-  loginRedirect({ dispatch }: StateContext<AuthStateModel>) {
-    dispatch(new Navigate(['/login']));
+  loginRedirect() {
+    this.router.navigate(['/login']);
   }
 }

src/app/events/pages/list/events-page.component.spec.ts

@@ -7,6 +7,7 @@ import { NgxsModule } from '@ngxs/store';
 import { EventsState } from '../../store';
 import { EventService } from '../../services/event.service';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 
 describe('EventsPageComponent', () => {
   let component: EventsPageComponent;
@@ -16,6 +17,7 @@ describe('EventsPageComponent', () => {
     TestBed.configureTestingModule({
       imports: [
         HttpClientTestingModule,
+        RouterTestingModule,
         MatIconModule,
         MatListModule,
         NgxsModule.forRoot([EventsState])

src/app/events/pages/list/events-page.component.ts

@@ -5,7 +5,7 @@ import { EventsState, LoadEvents } from '../../store';
 import { TeamsState } from '../../../core/store';
 import { EventsQuery } from '../../models/events-query';
 import { Observable } from 'rxjs/Observable';
-import { Navigate } from '@ngxs/router-plugin';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-events',
@@ -24,7 +24,7 @@ export class EventsPageComponent implements OnInit {
   @Select(EventsState.getAllEvents)
   events$: Observable<Event[]>;
 
-  constructor(private store: Store) {}
+  constructor(private store: Store, private router: Router) {}
 
   ngOnInit() {
     this.store.select(TeamsState.getSelected).subscribe(selected => {
@@ -41,6 +41,6 @@ export class EventsPageComponent implements OnInit {
   }
 
   goToNewEvent() {
-    this.store.dispatch(new Navigate(['/new-event']));
+    this.router.navigate(['/new-event']);
   }
 }