fix: error handler propogation

Author: nicoalee

src/app/interceptors/error.interceptor.ts

@@ -1,7 +1,7 @@
 import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Router } from '@angular/router';
-import { Observable, throwError } from 'rxjs';
+import { EMPTY, Observable, of, throwError } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { RouteNames } from '../models/enums';
 import { SnackbarService } from '../services/snackbar/snackbar.service';
@@ -27,6 +27,9 @@ export class ErrorInterceptor implements HttpInterceptor {
 
                     // Redirect to login page
                     this.router.navigate([`/${RouteNames.LANDINGPAGE_LOGIN_BASEROUTE}`]);
+
+                    // do not propagate the error to the next interceptor
+                    return EMPTY;
                 }
                 return throwError(err);
             })

src/app/pages/participant/participant-dashboard/participant-studies/participant-study/participant-study.component.ts

@@ -111,8 +111,8 @@ export class ParticipantStudyComponent implements OnInit, OnDestroy {
             )
             .subscribe(
                 (_res) => {},
-                (err: HttpStatus) => {
-                    this.snackbar.openErrorSnackbar(err.message);
+                (err) => {
+                    this.taskManager.handleErr(err);
                 }
             )
             .add(() => {