chore: Fix validation

src/app/component/auth/register/register.component.ts

@@ -6,6 +6,7 @@ import {
   Validators,
 } from '@angular/forms';
 import AuthService from '../../../service/auth.service';
+import CustomValidators from '../../../service/custom.validators';
 
 @Component({
   selector: 'app-register',
@@ -22,10 +23,15 @@ export default class RegisterComponent {
     confirmEmail: ['', [Validators.required, Validators.email]],
   });
 
-  passwordGroup: FormGroup = this.fb.group({
-    password: ['', Validators.required],
-    confirmPassword: ['', Validators.required],
-  });
+  passwordGroup: FormGroup = this.fb.group(
+    {
+      password: ['', [Validators.required]],
+      confirmPassword: ['', Validators.required],
+    },
+    {
+      validators: CustomValidators.password(),
+    },
+  );
 
   addressGroup: FormGroup = this.fb.group({
     city: ['', Validators.required],
@@ -45,6 +51,7 @@ export default class RegisterComponent {
 
   submit() {
     if (!this.form.valid) {
+      console.log(this.form.controls['password'].errors);
       console.log(this.form.value);
       return;
     }

src/app/service/custom.validators.ts

@@ -13,11 +13,12 @@ export default class CustomValidators {
 
   public static password(): ValidatorFn {
     return (passwordGroup: AbstractControl) => {
+      console.log(passwordGroup);
       if (
         passwordGroup.get('password')?.value !==
         passwordGroup.get('confirmPassword')
       ) {
-        return { emailMismatch: true };
+        return { passwordMismatch: true };
       }
 
       return {};