From 40cd61c51cf624c8783b46b293fcd8b1cb97f864 Mon Sep 17 00:00:00 2001
From: Oleksandra Lytvynets <alitvinets7@gmail.com>
Date: Mon, 27 Jun 2022 16:31:28 +0300
Subject: [PATCH] Validation hint fix (#1386)

* Update validation-hint.component.ts

* fix
---
 .../validation-hint/validation-hint.component.html          | 6 +++---
 .../components/validation-hint/validation-hint.component.ts | 2 +-
 .../create-provider-admin.component.scss                    | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/components/validation-hint/validation-hint.component.html b/src/app/shared/components/validation-hint/validation-hint.component.html
index 262d6409ac..140535f067 100644
--- a/src/app/shared/components/validation-hint/validation-hint.component.html
+++ b/src/app/shared/components/validation-hint/validation-hint.component.html
@@ -1,6 +1,6 @@
-<small appValidationMessageStyling>
-  <ng-container *ngIf = "invalid">
-    <ng-container *ngIf = "required; then requiredInputTmpl"></ng-container>
+<small *ngIf = "invalid" appValidationMessageStyling>
+  <ng-container *ngIf = "required; then requiredInputTmpl"></ng-container>
+  <ng-container *ngIf = "!required">
     <ng-container *ngIf = "invalidCharacters; then invalidCharactersTmpl"></ng-container>
     <ng-container *ngIf = "invalidSymbols; then invalidSymbolsTmpl"></ng-container>
     <ng-container *ngIf = "invalidFieldLength; then invalidLengthTmpl"></ng-container>
diff --git a/src/app/shared/components/validation-hint/validation-hint.component.ts b/src/app/shared/components/validation-hint/validation-hint.component.ts
index 6aee9763b7..4bfd5983fb 100644
--- a/src/app/shared/components/validation-hint/validation-hint.component.ts
+++ b/src/app/shared/components/validation-hint/validation-hint.component.ts
@@ -70,7 +70,7 @@ export class ValidationHintComponent implements OnInit, OnDestroy, OnChanges {
 
   private checkValidationErrors(errors: ValidationErrors): void {
     this.invalidEmail = !!errors?.email;
-    this.invalidFieldLength = !!(errors?.maxlength && errors?.minlength);
+    this.invalidFieldLength = !!(errors?.maxlength || errors?.minlength);
     this.invalidPhoneLength = !!errors?.minlength && !errors?.maxlength;
   }
 
diff --git a/src/app/shell/personal-cabinet/provider/create-provider-admin/create-provider-admin.component.scss b/src/app/shell/personal-cabinet/provider/create-provider-admin/create-provider-admin.component.scss
index 6866a8df7c..a1bfd45286 100644
--- a/src/app/shell/personal-cabinet/provider/create-provider-admin/create-provider-admin.component.scss
+++ b/src/app/shell/personal-cabinet/provider/create-provider-admin/create-provider-admin.component.scss
@@ -1,7 +1,7 @@
 @import "src/app/shared/styles/create-form-wrapper.scss";
 @import "src/app/shared/styles/create-form.scss";
 @import "src/app/shared/styles/buttons.scss";
-
+@import "src/app/shared/styles/validation-form.scss";
 
 ::ng-deep .dropdown-panel.create-admin{
   max-height: 216px;