fix: t#4075 error aligment

kaleidos-ventures · Oct 23, 2023 · 5198f51 · 5198f51
1 parent 04959c2
commit 5198f51
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/...roject/feature-new-workflow/components/new-workflow-form/new-workflow-form.component.html b/...roject/feature-new-workflow/components/new-workflow-form/new-workflow-form.component.html
@@ -26,10 +26,7 @@
           inputRef
           [placeholder]="t('kanban.create_workflow.write_workflow_name')" />
         <ng-container inputError>
-          <tg-ui-error error="required">
-            {{ t('kanban.create_workflow.workflow_empty') }}
-          </tg-ui-error>
-          <tg-ui-error error="pattern">
+          <tg-ui-error error="required, pattern">
             {{ t('kanban.create_workflow.workflow_empty') }}
           </tg-ui-error>
         </ng-container>

diff --git a/javascript/libs/ui/src/lib/inputs/error/error.component.ts b/javascript/libs/ui/src/lib/inputs/error/error.component.ts
@@ -50,8 +50,11 @@ export class ErrorComponent implements OnChanges {
     }
 
     const errors = this.fieldService.control?.errors;
+    const errorNames = this.error.split(',').map((it) => it.trim());
+    const hasError = errorNames.some((errorName) => errors?.[errorName]);
     const fieldControl = this.fieldService.control;
-    if (errors && errors[this.error] && fieldControl) {
+
+    if (errors && hasError && fieldControl) {
       const isOnSubmit = fieldControl.updateOn === 'submit';
 
       if (isOnSubmit) {

diff --git a/javascript/libs/ui/src/lib/inputs/input/input.component.css b/javascript/libs/ui/src/lib/inputs/input/input.component.css
@@ -133,6 +133,7 @@ Copyright (c) 2023-present Kaleidos INC
   & .extra-info {
     align-items: flex-start;
     display: flex;
+    flex-direction: column;
     justify-content: space-between;
   }
 }