Added login & register error handling

turkovicf · Aug 18, 2024 · 4894fa8 · 4894fa8
1 parent c04e944
commit 4894fa8
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
@@ -35,6 +35,12 @@
       </button>
     </div>
 
+    <div class="text-center">
+      <p>
+        {{ errorMessage }}
+      </p>
+    </div>
+
     <div class="text-center">
       <p>
         Not a member?

diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
@@ -20,8 +20,7 @@ export class LoginComponent {
         this.router.navigate(['/home']);
       },
       (error: any) => {
-        this.errorMessage = 'Error loging in'; // Postavi errorMessage
-        //console.error('Greška prilikom prijavljivanja:', error);
+        this.errorMessage = error.error;
       }
     );
   }

diff --git a/src/app/register/register.component.html b/src/app/register/register.component.html
@@ -25,7 +25,7 @@
         placeholder="Enter your username"
       />
     </div>
-    <div data-mdb-input-init class="form-outline mb-4">
+    <div data-mdb-input-init class="form-outline mb-2">
       <label class="form-label" for="form2Example2">Password</label>
       <input
         type="password"
@@ -48,6 +48,12 @@
       </button>
     </div>
 
+    <div class="text-center">
+      <p>
+        {{ errorMessage }}
+      </p>
+    </div>
+
     <div class="text-center">
       <p>
         Already have an account?

diff --git a/src/app/register/register.component.ts b/src/app/register/register.component.ts
@@ -12,18 +12,22 @@ export class RegisterComponent {
   username: string = '';
   password: string = '';
   email: string = '';
+  errorMessage: string = '';
 
   constructor(private authService: AuthService, private router: Router) {}
 
   register(): void {
     this.authService
       .register(this.username, this.email, this.password)
-      .subscribe(() => {
+      .subscribe((response) => {
         this.username = '';
         this.email = '';
         this.password = '';
         alert('Registration successful!');
         this.router.navigate(['/login']);
-      });
+      },
+    (error) => {
+      this.errorMessage = "Error registering user.";
+    });
   }
 }