diff --git a/frontend/src/views/ComplianceReports/components/ActivityLinkList.jsx b/frontend/src/views/ComplianceReports/components/ActivityLinkList.jsx index c968f8e4a..dc525b791 100644 --- a/frontend/src/views/ComplianceReports/components/ActivityLinkList.jsx +++ b/frontend/src/views/ComplianceReports/components/ActivityLinkList.jsx @@ -22,30 +22,33 @@ export const ActivityLinksList = () => { compliancePeriod ).replace(':complianceReportId', complianceReportId) ) - } - }, - { - name: t('report:activityLists.finalSupplyEquipment'), - action: () => { - navigate( - ROUTES.REPORTS_ADD_FINAL_SUPPLY_EQUIPMENTS.replace( - ':compliancePeriod', - compliancePeriod - ).replace(':complianceReportId', complianceReportId) - ) - } - }, - { - name: t('report:activityLists.allocationAgreements'), - action: () => { - navigate( - ROUTES.REPORTS_ADD_ALLOCATION_AGREEMENTS.replace( - ':compliancePeriod', - compliancePeriod - ).replace(':complianceReportId', complianceReportId) - ) - } + }, + children: [ + { + name: t('report:activityLists.finalSupplyEquipment'), + action: () => { + navigate( + ROUTES.REPORTS_ADD_FINAL_SUPPLY_EQUIPMENTS.replace( + ':compliancePeriod', + compliancePeriod + ).replace(':complianceReportId', complianceReportId) + ) + } + }, + { + name: t('report:activityLists.allocationAgreements'), + action: () => { + navigate( + ROUTES.REPORTS_ADD_ALLOCATION_AGREEMENTS.replace( + ':compliancePeriod', + compliancePeriod + ).replace(':complianceReportId', complianceReportId) + ) + } + } + ] }, + { name: t('report:activityLists.notionalTransfers'), action: () => { @@ -89,24 +92,59 @@ export const ActivityLinksList = () => { sx={{ maxWidth: '100%', listStyleType: 'disc' }} > {activityList.map((activity, index) => ( - - + - {activity.name} - - + + {activity.name} + + + {activity.children && ( + + {activity.children.map((activity, index) => ( + + + {activity.name} + + + ))} + + )} + ))} )