Snackbar for log-in and register

Apes2getherStrong · Sep 13, 2024 · 0bc7af7 · 0bc7af7
1 parent abf0f0e
commit 0bc7af7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/src/app/user/log-in/log-in.component.ts b/src/app/user/log-in/log-in.component.ts
@@ -1,8 +1,9 @@
-import { Component } from '@angular/core';
-import {UserService} from "../user.service";
+import {Component} from '@angular/core';
 import {Router} from "@angular/router";
 import {FormsModule} from "@angular/forms";
 import {AuthService} from "../../auth/auth.service";
+import {SnackbarService} from "../../shared/snackbar/snackbar.service";
+import {SnackbarType} from "../../shared/snackbar/snackbar-type";
 
 @Component({
   selector: 'app-log-in',
@@ -17,16 +18,18 @@ export class LogInComponent {
   username: string = '';
   password: string = '';
 
-  constructor(private router: Router, private authService: AuthService) {}
+  constructor(private router: Router,
+              private authService: AuthService,
+              private snackbarService: SnackbarService,
+  ) {}
 
   onSubmit() {
     this.authService.login(this.username, this.password).subscribe({
       next: response => {
         this.router.navigate(['/']);
       },
       error: err => {
-        console.error('Login failed', err);
-        // handle error (show message to user, etc.)
+        this.snackbarService.displaySnackbar("Wrong username or password", SnackbarType.DARK);
       }
     });
   }

diff --git a/src/app/user/register/register.component.ts b/src/app/user/register/register.component.ts
@@ -1,7 +1,9 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 import {Router} from "@angular/router";
 import {FormsModule} from "@angular/forms";
 import {AuthService} from "../../auth/auth.service";
+import {SnackbarService} from "../../shared/snackbar/snackbar.service";
+import {SnackbarType} from "../../shared/snackbar/snackbar-type";
 
 @Component({
   selector: 'app-register',
@@ -18,11 +20,14 @@ export class RegisterComponent {
   confirmPassword: string = '';
   login: string = '';
 
-  constructor(private router: Router, private authService: AuthService) {}
+  constructor(private router: Router,
+              private authService: AuthService,
+              private snackbarService: SnackbarService,
+  ) {}
 
   onSubmit() {
     if (this.password !== this.confirmPassword) {
-      console.error('Passwords do not match');
+      this.snackbarService.displaySnackbar('Passwords do not match',SnackbarType.DARK);
       return;
     }
 
@@ -34,11 +39,11 @@ export class RegisterComponent {
 
     this.authService.register(user).subscribe({
       next: response => {
+        this.snackbarService.displaySnackbar('Your registration was successful!',SnackbarType.DARK);
         this.router.navigate(['/log-in']);
       },
       error: err => {
-        console.error('Registration failed', err);
-        // handle error (show message to user, etc.)
+        this.snackbarService.displaySnackbar('Username already exist',SnackbarType.DARK);
       }
     });
   }