Feature/ #63 remove login modal and redirect instead

src/app/app.module.ts

@@ -21,7 +21,6 @@ import { ShellComponent } from './shell/shell.component';
 import { MetaDataState } from './shared/store/meta-data.state';
 import { FooterComponent } from './footer/footer.component';
 import { MaterialModule } from './shared/material/material.module';
-import { RegistrationComponent } from './shared/modals/registration/registration.component';
 import { RegistrationModule } from './shared/modals/registration/registration.module';
 import { UserRegistrationState } from './shared/store/user-registration.state';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
@@ -34,8 +33,7 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
     HeaderComponent,
     AppComponent,
     ShellComponent,
-    FooterComponent,
-    RegistrationComponent
+    FooterComponent
   ],
   imports: [
 
@@ -66,7 +64,8 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
     MaterialModule,
     FormsModule,
     RegistrationModule,
-    MatSnackBarModule
+    MatSnackBarModule,
+
   ],
   providers: [
     {

src/app/header/header.component.html

@@ -4,7 +4,7 @@
 
   </div>
   <ng-template #isUnauthorized>
-     <button mat-raised-button (click)="openModal()">
+     <button mat-raised-button (click)="login()">
       Увійти
     </button>
   </ng-template>

src/app/header/header.component.ts

@@ -1,12 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 
-import { RegistrationComponent } from '../shared/modals/registration/registration.component';
 import { Actions, ofAction, Select, Store } from '@ngxs/store';
 import { UserRegistrationState } from '../shared/store/user-registration.state';
 import { Observable } from 'rxjs';
-import { Logout, CheckAuth, AuthFail } from '../shared/store/user-registration.actions';
+import { Logout, CheckAuth, AuthFail, Login } from '../shared/store/user-registration.actions';
 import { MatSnackBar } from '@angular/material/snack-bar';
+import { Router } from '@angular/router';
 
 
 @Component({
@@ -26,11 +26,12 @@ export class HeaderComponent implements OnInit {
   constructor(private modalDialog: MatDialog,
     public store: Store,
     private actions$: Actions,
-    public snackBar: MatSnackBar) { 
+    public snackBar: MatSnackBar,
+    private router: Router) { 
       actions$.pipe(
         ofAction(AuthFail)
       ).subscribe(action => {
-          this.snackBar.open('Check your connection', "Try again!", {
+          this.snackBar.open('Check your connection', 'Try again!', {
           duration: 5000,
           panelClass: ['red-snackbar'],
           });
@@ -40,10 +41,10 @@ export class HeaderComponent implements OnInit {
   ngOnInit(): void {
     this.store.dispatch(new CheckAuth())
   }
-  openModal() {
-    this.modalDialog.open(RegistrationComponent);
-  }
   logout(): void {
     this.store.dispatch(new Logout())  
   }
+  login(): void{
+    this.store.dispatch(new Login())
+  }
 }

src/app/shared/store/user-registration.state.ts

@@ -29,7 +29,6 @@ export class UserRegistrationState {
   @Action(Login)
   Login({  dispatch }: StateContext<UserRegistrationStateModel>): void {
     this.oidcSecurityService.authorize();
-    dispatch(new CheckAuth()); 
   }
   @Action(Logout)
   Logout({  dispatch  }: StateContext<UserRegistrationStateModel>): void {