feat: use debounced variables for field report title generation

IFRCGo · Jan 29, 2025 · f335c72 · f335c72
1 parent c4ec46b
commit f335c72
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/src/views/FieldReportForm/ContextFields/TitlePreview/index.tsx b/app/src/views/FieldReportForm/ContextFields/TitlePreview/index.tsx
@@ -3,6 +3,7 @@ import { TextOutput } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 
 import useAlert from '#hooks/useAlert';
+import useDebouncedValue from '#hooks/useDebouncedValue';
 import { useRequest } from '#utils/restRequest';
 
 import i18n from './i18n.json';
@@ -38,12 +39,14 @@ function TitlePreview(props: Props) {
         title,
     }), [country, isCovidReport, startDate, disasterType, event, title]);
 
+    const debouncedVariables = useDebouncedValue(variables);
+
     const {
         response: genereateTitleResponse,
     } = useRequest({
         url: '/api/v2/field-report/generate-title/',
         method: 'POST',
-        body: variables,
+        body: debouncedVariables,
         preserveResponse: true,
         onFailure: () => {
             alert.show(