diff --git a/src/tapis-ui/_common/FieldWrapperFormik/FieldWrapperFormik.tsx b/src/tapis-ui/_common/FieldWrapperFormik/FieldWrapperFormik.tsx index eaca1ade5..648d5f394 100644 --- a/src/tapis-ui/_common/FieldWrapperFormik/FieldWrapperFormik.tsx +++ b/src/tapis-ui/_common/FieldWrapperFormik/FieldWrapperFormik.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { FormGroup, Label, FormText, Badge } from 'reactstrap'; import styles from './FieldWrapperFormik.module.css'; -import { ErrorMessage, Field, useField } from 'formik'; +import { Field, useField } from 'formik'; export type FieldWrapperProps = { name: string; label: string; @@ -33,11 +33,11 @@ const FieldWrapper: React.FC = ({ ) : null} - - {(message) => ( -
{message}
- )} -
+ {meta.error && ( + + {meta.error} + + )} {description && !meta.error && ( {description} diff --git a/src/tapis-ui/components/jobs/JobLauncher/steps/FileInputArrays.tsx b/src/tapis-ui/components/jobs/JobLauncher/steps/FileInputArrays.tsx index 1e7b0d28e..84ae75d3b 100644 --- a/src/tapis-ui/components/jobs/JobLauncher/steps/FileInputArrays.tsx +++ b/src/tapis-ui/components/jobs/JobLauncher/steps/FileInputArrays.tsx @@ -109,13 +109,7 @@ const SourceUrlsField: React.FC = ({ + Browse for Files - {modal && ( - - )} + {modal && } ); }; @@ -175,7 +169,6 @@ const JobInputArrayField: React.FC = ({ label="Source URLs" required={true} description="Input TAPIS files as pathnames, TAPIS URIs or web URLs" - key={uuidv4()} > = ({ required={true} description="Input TAPIS files as pathnames, TAPIS URIs or web URLs" > - {inputArray.sourceUrls?.map((sourceUrl) => ( + {inputArray.sourceUrls?.map((sourceUrl, index) => ( ))} @@ -429,7 +422,7 @@ const JobInputArrays: React.FC<{ arrayHelpers: FieldArrayRenderProps }> = ({ item={jobInputArray} index={index} remove={arrayHelpers.remove} - key={`fileInputArrays.${index}`} + key={`render-fileInputArrays.${index}`} /> ))}