Fixed: Error messages aren't displaying on the remote container creat…

…e form

Issue: AAH-1845

PR Checks

PR checks

CHANGES/1845.bug

@@ -0,0 +1 @@
+ EE detail now shows error in name column, when there are duplicate names in adding new EE.

src/components/execution-environment/repository-form.tsx

@@ -175,6 +175,7 @@ export class RepositoryForm extends React.Component<IProps, IState> {
                   isDisabled={true}
                   type='text'
                 />
+                {this.renderNameError(formError)}
               </FormGroup>
 
               <FormGroup
@@ -207,6 +208,7 @@ export class RepositoryForm extends React.Component<IProps, IState> {
                   onChange={(value) => this.setState({ name: value })}
                   validated={this.validateName(name)}
                 />
+                {this.renderNameError(formError)}
               </FormGroup>
 
               <FormGroup
@@ -581,4 +583,18 @@ export class RepositoryForm extends React.Component<IProps, IState> {
     }
     return isEmpty(xorWith(original, newOne, isEqual)) && same;
   }
+
+  private renderNameError(formError) {
+    const nameError = formError
+      ? formError.find((e) => e.field == 'name')
+      : null;
+
+    return (
+      nameError && (
+        <Alert title={nameError.title} variant='danger' isInline>
+          {nameError.detail}
+        </Alert>
+      )
+    );
+  }
 }

src/containers/execution-environment-list/execution_environment_list.tsx

@@ -468,6 +468,7 @@ class ExecutionEnvironmentList extends React.Component<
                   return {
                     title: error.title,
                     detail: error.source.parameter + ': ' + error.detail,
+                    field: error.source.parameter,
                   };
                 }),
               });