[media] add feedback to dropdown field when is empty (#8402)

Fixes #7951
aces · Mar 13, 2023 · 006f50a · 006f50a
1 parent 25fa0bb
commit 006f50a
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/modules/media/jsx/uploadForm.js b/modules/media/jsx/uploadForm.js
@@ -110,8 +110,14 @@ class MediaUploadForm extends Component {
                         && this.state.formData.visitLabel ?
       this.state.Data.sessionData[this.state.formData.pscid]
         .instruments[this.state.formData.visitLabel] :
-      {};
-    return (
+          {};
+          const visitErrMsg = visits && visits.length === 0 ?
+            'No visits available for this candidate' :
+            '';
+          const instErrMsg = instruments && instruments.length === 0 ?
+            'No instruments available for this visit' :
+            '';
+          return (
       <div className='row'>
         <div className='col-md-8 col-lg-7'>
           <FormElement
@@ -141,6 +147,7 @@ class MediaUploadForm extends Component {
               name='visitLabel'
               label='Visit Label'
               options={visits}
+              placeholder={visitErrMsg}
               onUserInput={this.setFormData}
               ref='visitLabel'
               required={true}
@@ -151,6 +158,7 @@ class MediaUploadForm extends Component {
               name='instrument'
               label='Instrument'
               options={instruments}
+              placeholder={instErrMsg}
               onUserInput={this.setFormData}
               ref='instrument'
               required={false}