feat: integrate ngx-toastr in ErrorHandlingService to display error messages in toast notifications.

src/app/components/login/login.component.ts

@@ -46,7 +46,6 @@ export class LoginComponent {
     private tokenService: TokenService,
     public sharedService: SharedService,
     private overlayService: OverlayService,
-    private errorHandlingService: ErrorHandlingService,
     private route: ActivatedRoute,
     private router: Router
   ) {}
@@ -81,8 +80,6 @@ export class LoginComponent {
         this.sharedService.isBtnDisabled = false;
       } catch (error) {
         this.sharedService.isBtnDisabled = false;
-        const errorMessage = this.errorHandlingService.handleHttpError(error);
-        alert(errorMessage);
       }
     }
   }

src/app/services/auth.service.ts

@@ -45,7 +45,7 @@ export class AuthService {
       this.showLoginSuccessMessage();
     } catch (error) {
       console.error('Login failed:', error);
-      throw new Error(this.errorHandlingService.handleHttpError(error));
+      this.errorHandlingService.handleHttpError(error);
     }
   }
 
@@ -60,7 +60,7 @@ export class AuthService {
       this.router.navigate(['/logout']);
     } catch (error) {
       console.error('Logout failed:', error);
-      throw new Error(this.errorHandlingService.handleHttpError(error));
+      this.errorHandlingService.handleHttpError(error);
     }
   }
 

src/app/services/error-handling.service.ts

@@ -1,32 +1,44 @@
 import { Injectable } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
+import { ToastrService } from 'ngx-toastr';
 
 @Injectable({
   providedIn: 'root',
 })
 export class ErrorHandlingService {
-  handleHttpError(error: unknown): string {
+  constructor(private toastr: ToastrService) {}
+
+  handleHttpError(error: unknown): void {
+    let errorMessage = 'An unknown error occurred.';
+
     if (error instanceof HttpErrorResponse) {
       switch (error.status) {
         case 0:
-          return 'Network issue: Unable to reach the server.\nPlease check your internet connection or the server status.';
+          errorMessage =
+            'Network issue: Unable to reach the server. Please check your internet connection or the server status.';
+          break;
         case 401:
-          return 'Invalid login credentials.\nPlease check your email and password.';
+          errorMessage =
+            'Invalid login credentials. Please check your email and password.';
+          break;
         case 403:
-          return 'You do not have permission to access this resource.';
+          errorMessage = 'You do not have permission to access this resource.';
+          break;
         case 404:
-          return 'The requested resource was not found.';
+          errorMessage = 'The requested resource was not found.';
+          break;
         case 500:
-          return 'Server error: Please try again later.';
+          errorMessage = 'Server error: Please try again later.';
+          break;
         default:
-          return `Unknown error: ${error.statusText || error.message}`;
+          errorMessage = `Unknown error: ${error.statusText || error.message}`;
+          break;
       }
+    } else if (error instanceof Error) {
+      errorMessage = `${error.message || error.toString()}`;
     }
 
-    if (error instanceof Error) {
+    // Show the toast message with the error message
-      return `${error.message || error.toString()}`;
+    this.toastr.error(errorMessage, 'Error');
-    }
-
-    return 'An unknown error occurred.';
   }
 }