Fix for displayResult showing undefined.

CruGlobal · Oct 23, 2024 · c4d6631 · c4d6631
1 parent a722e46
commit c4d6631
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/Task/Modal/Form/Inputs/ResultAutocomplete/ResultAutocomplete.tsx b/src/components/Task/Modal/Form/Inputs/ResultAutocomplete/ResultAutocomplete.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { Autocomplete, Grid, TextField } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import {
@@ -29,13 +30,24 @@ export const ResultAutocomplete: React.FC<ResultAutocompleteProps> = ({
 }) => {
   const { t } = useTranslation();
 
+  useEffect(() => {
+    if (availableResults.length === 1) {
+      handleResultChange({
+        result: availableResults[0],
+        setFieldValue,
+        setResultSelected,
+        phaseData,
+      });
+    }
+  }, [availableResults]);
+
   return !!availableResults.length ? (
     <Grid item>
       <Autocomplete
         openOnFocus
         autoHighlight
         autoSelect
-        value={availableResults.length === 1 ? availableResults[0] : result}
+        value={result}
         options={availableResults}
         getOptionLabel={(result) => getLocalizedResultString(t, result)}
         renderInput={(params) => <TextField {...params} label={t('Result')} />}

diff --git a/src/components/Task/Modal/Form/TaskModalHelper.ts b/src/components/Task/Modal/Form/TaskModalHelper.ts
@@ -63,7 +63,7 @@ export const handleTaskPhaseChange = ({
   setFieldValue('taskPhase', phase);
   setFieldValue('activityType', '');
   setFieldValue('subject', '');
-  setFieldValue('displayResult', undefined);
+  setFieldValue('displayResult', '');
   setFieldValue('result', undefined);
   setFieldValue('nextAction', undefined);
   setResultSelected(null);