/TypeScript/Where to put toaster on http service calls typescript

Where to put toaster on http service calls typescript

@Injectable()
export class HttpInterceptor implements HttpInterceptor {
constructor(public toasterService: ToastrService) {}

intercept(
    req: HttpRequest<any>,
    next: HttpHandler
  ): Observable<HttpEvent<any>> {

    return next.handle(req).pipe(
        tap(evt => {
            if (evt instanceof HttpResponse) {
                if(evt.body && evt.body.success)
                    this.toasterService.success(evt.body.success.message, evt.body.success.title, { positionClass: 'toast-bottom-center' });
            }
        }),
        catchError((err: any) => {
            if(err instanceof HttpErrorResponse) {
                try {
                    this.toasterService.error(err.error.message, err.error.title, { positionClass: 'toast-bottom-center' });
                } catch(e) {
                    this.toasterService.error('An error occurred', '', { positionClass: 'toast-bottom-center' });
                }
                //log error 
            }
            return of(err);
        }));
  }
}

-1

Source: stackoverflow.com

Similar codes

0 vote103 views1 answer
Components of cucumber bdd framework
TypeScript
0 vote109 views1 answer
Vertical dots latex
TypeScript
1 vote95 views2 answers
Distance subplots matplotlib
TypeScript
6 votes108 views2 answers
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning
TypeScript
0 vote105 views1 answer
Styled components last child
TypeScript
0 vote100 views1 answer
How to pass arguments to filter function in python
TypeScript
1 vote103 views1 answer
React typescript input set focus dinamically
TypeScript
5 votes123 views3 answers
Empty object typescript
TypeScript
2 votes109 views2 answers
Validate email with domain in angular6
TypeScript
0 vote107 views1 answer
Google places auto-complete
TypeScript