Handle input error in custom input text

1 files changed, 2 insertions, 6 deletions

diff --git a/client/src/app/+reset-password/reset-password.component.html b/client/src/app/+reset-password/reset-password.component.html
index 130873593..fa53e7526 100644
--- a/client/src/app/+reset-password/reset-password.component.html
+++ b/client/src/app/+reset-password/reset-password.component.html
@@ -7,10 +7,8 @@
 
       <my-input-text
         formControlName="password" inputId="password" i18n-placeholder placeholder="Password"
-        [ngClass]="{ 'input-error': formErrors['password'] }" autocomplete="new-password"
+        [formError]="formErrors['password']" autocomplete="new-password"
       ></my-input-text>
-
-      <div *ngIf="formErrors.password" class="form-error">{{ formErrors.password }}</div>
     </div>
 
     <div class="form-group">
@@ -18,10 +16,8 @@
 
       <my-input-text
         formControlName="password-confirm" inputId="password-confirm" i18n-placeholder placeholder="Confirmed password"
-        [ngClass]="{ 'input-error': formErrors['password-confirm'] }" autocomplete="new-password"
+        [formError]="formErrors['password-confirm']" autocomplete="new-password"
       ></my-input-text>
-
-      <div *ngIf="formErrors['password-confirm']" class="form-error">{{ formErrors['password-confirm'] }}</div>
     </div>
 
     <input