🚚 rename error class interceptor name

Author: mckenziearts

src/app/app.module.ts

@@ -25,7 +25,7 @@ import { ROOT_REDUCERS } from './core/store/app.store';
 import { AuthInterceptor } from './modules/authentication/interceptors/auth.interceptor';
 import { HttpLoadingInterceptor } from './shared/interceptors/http-loading.interceptor';
 import { AuthenticationModule } from './modules/authentication/authentication.module';
-import { ErrorInterceptor } from './shared/interceptors/error.interceptor';
+import { ErrorsInterceptor } from './shared/interceptors/errors.interceptor';
 
 registerLocaleData(localeFr);
 
@@ -72,7 +72,7 @@ registerLocaleData(localeFr);
     },
     {
       provide: HTTP_INTERCEPTORS,
-      useClass: ErrorInterceptor,
+      useClass: ErrorsInterceptor,
       multi: true,
     },
     {

…shared/interceptors/error.interceptor.ts …hared/interceptors/errors.interceptor.tssrc/app/shared/interceptors/error.interceptor.ts renamed to src/app/shared/interceptors/errors.interceptor.ts src/app/shared/interceptors/error.interceptor.ts renamed to src/app/shared/interceptors/errors.interceptor.ts

@@ -4,29 +4,37 @@ import {
   HttpHandler,
   HttpEvent,
   HttpInterceptor,
+  HttpErrorResponse,
 } from '@angular/common/http';
-import { Observable, throwError } from 'rxjs';
+import { Observable, of } from 'rxjs';
 import { catchError } from 'rxjs/operators';
-
 import { Store } from '@ngrx/store';
+
 import { logoutAction } from '@app/modules/authentication/store/auth.actions';
+import { fetchFormsErrorAction } from '@app/core/store/session/session.actions';
 
 @Injectable()
-export class ErrorInterceptor implements HttpInterceptor {
+export class ErrorsInterceptor implements HttpInterceptor {
   constructor(private store: Store) {}
 
   intercept(
     request: HttpRequest<unknown>,
     next: HttpHandler
   ): Observable<HttpEvent<unknown>> {
     return next.handle(request).pipe(
-      catchError(err => {
-        if ([401, 403].indexOf(err.status) !== -1) {
+      catchError((response: HttpErrorResponse) => {
+        if ([401, 403].includes(response.status)) {
           this.store.dispatch(logoutAction());
         }
 
-        const error = err.error.message || err.statusText;
-        return throwError(error);
+        if ([422].includes(response.status)) {
+          this.store.dispatch(
+            fetchFormsErrorAction({ formErrors: response.error })
+          );
+        }
+
+        const error = response.error.message || response.statusText;
+        return of(error);
       })
     );
   }