Add triggerSearch prop to RelatedIncidents for dynamic rendering base…

…d on input length
responsible-ai-collaborative · Dec 26, 2024 · 550dc71 · 550dc71
1 parent ea76e44
commit 550dc71
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/site/gatsby-site/src/components/submissions/SubmissionForm.js b/site/gatsby-site/src/components/submissions/SubmissionForm.js
@@ -199,7 +199,12 @@ const SubmissionForm = ({ onChange = null }) => {
           btnDisabled={!!errors.url || !touched.url || parsingNews}
           btnText={t('Fetch info')}
         />
-        <RelatedIncidents incident={values} setFieldValue={setFieldValue} columns={['byURL']} />
+        <RelatedIncidents
+          incident={values}
+          setFieldValue={setFieldValue}
+          columns={['byURL']}
+          triggerSearch={values['url']?.length}
+        />
 
         <TextInputGroup
           name="title"
@@ -219,7 +224,12 @@ const SubmissionForm = ({ onChange = null }) => {
           {...TextInputGroupProps}
         />
 
-        <RelatedIncidents incident={values} setFieldValue={setFieldValue} columns={['byAuthors']} />
+        <RelatedIncidents
+          incident={values}
+          setFieldValue={setFieldValue}
+          columns={['byAuthors']}
+          triggerSearch={values['authors']?.length}
+        />
 
         <TagsInputGroup
           name="submitters"
@@ -244,6 +254,7 @@ const SubmissionForm = ({ onChange = null }) => {
           incident={values}
           setFieldValue={setFieldValue}
           columns={['byDatePublished']}
+          triggerSearch={values['date_published']?.length}
         />
 
         <TextInputGroup
@@ -354,6 +365,7 @@ const SubmissionForm = ({ onChange = null }) => {
           incident={values}
           setFieldValue={setFieldValue}
           columns={['byIncidentId']}
+          triggerSearch={values['incident_ids']?.length}
         />
 
         <div className="mt-3">