diff --git a/app/components/Form/ProjectAnnualReportFormSummary.tsx b/app/components/Form/ProjectAnnualReportFormSummary.tsx index ab60b6df4a..4e7b54c428 100644 --- a/app/components/Form/ProjectAnnualReportFormSummary.tsx +++ b/app/components/Form/ProjectAnnualReportFormSummary.tsx @@ -115,6 +115,7 @@ const ProjectAnnualReportFormSummary: React.FC = ({ const annualReportsJSX = useMemo(() => { return sortedAnnualReports.map((annualReport, index) => { + const latestCommittedData = latestCommittedReportMap[annualReport.newFormData.reportingRequirementIndex] if (!annualReport) return; // Set the formSchema and formData based on showing the diff or not const { formSchema, formData } = !renderDiff @@ -125,9 +126,7 @@ const ProjectAnnualReportFormSummary: React.FC = ({ : getFilteredSchema( annualReport.formByJsonSchemaName.jsonSchema.schema as JSONSchema7, annualReport, - latestCommittedReportMap[ - annualReport.newFormData.reportingRequirementIndex - ] + latestCommittedData ); if ( @@ -137,13 +136,6 @@ const ProjectAnnualReportFormSummary: React.FC = ({ ) return null; - const latestCommittedData = - latestCommittedAnnualReportFormChanges?.edges?.find( - ({ node }) => - node.newFormData.reportingRequirementIndex === - annualReport.newFormData.reportingRequirementIndex - )?.node?.newFormData; - return (
@@ -177,7 +169,7 @@ const ProjectAnnualReportFormSummary: React.FC = ({ uiSchema={reportingRequirementUiSchema} formContext={{ operation: annualReport.operation, - latestCommittedData, + latestCommittedData: latestCommittedData?.newFormData, isAmendmentsAndOtherRevisionsSpecific: isOnAmendmentsAndOtherRevisionsPage, }} @@ -196,6 +188,7 @@ const ProjectAnnualReportFormSummary: React.FC = ({ isOnAmendmentsAndOtherRevisionsPage, renderDiff, sortedAnnualReports, + latestCommittedReportMap ]); // Update the hasDiff state in the CollapsibleFormWidget to define if the form has diffs to show