Fix navigation from overview to import pages

pagopa · Feb 7, 2025 · f0eb97b · f0eb97b
1 parent cf5d341
commit f0eb97b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/ReportingImportFlowOverview/ReportingImportFlowOverview.tsx b/src/components/ReportingImportFlowOverview/ReportingImportFlowOverview.tsx
@@ -7,7 +7,7 @@ import { GridColDef, GridRenderCellParams } from '@mui/x-data-grid';
 import FilterContainer, { COMPONENT_TYPE } from '../FilterContainer/FilterContainer';
 import ActionMenu from '../ActionMenu/ActionMenu';
 import TitleComponent from '../TitleComponent/TitleComponent';
-import { useNavigate } from 'react-router';
+import { generatePath, useNavigate } from 'react-router';
 import { PageRoutes } from '../../routes/routes';
 
 export const ReportingImportFlowOverview = () => {
@@ -148,7 +148,7 @@ export const ReportingImportFlowOverview = () => {
               icon: <Upload/>, 
               variant: 'outlined', 
               buttonText: t('reportingImportFlowOverview.importFlowButton'), 
-              onActionClick: () => navigate(PageRoutes.REPORTING_IMPORT_FLOW)
+              onActionClick: () => navigate(generatePath(PageRoutes.IMPORT_FLOWS, {category: 'reporting'}))
             },
           ]
         } 

diff --git a/src/components/TelematicReceiptImportFlowOverview/TelematicReceiptImportFlowOverview.tsx b/src/components/TelematicReceiptImportFlowOverview/TelematicReceiptImportFlowOverview.tsx
@@ -6,7 +6,7 @@ import CustomDataGrid from '../DataGrid/CustomDataGrid';
 import { GridColDef, GridRenderCellParams } from '@mui/x-data-grid';
 import FilterContainer, { COMPONENT_TYPE } from '../FilterContainer/FilterContainer';
 import ActionMenu from '../ActionMenu/ActionMenu';
-import { useNavigate } from 'react-router-dom';
+import { generatePath, useNavigate } from 'react-router-dom';
 import { PageRoutes } from '../../routes/routes';
 import TitleComponent from '../TitleComponent/TitleComponent';
 
@@ -148,7 +148,7 @@ const TelematicReceiptImportFlowOverview = () => {
               icon: <Upload/>, 
               variant: 'outlined', 
               buttonText: t('telematicReceiptImportFlowOverview.importFlowButton'), 
-              onActionClick: () => navigate(PageRoutes.TELEMATIC_RECEIPT_IMPORT_FLOW)
+              onActionClick: () => navigate(generatePath(PageRoutes.IMPORT_FLOWS, {category: 'telematic-receipt'}))
             },
           ]
         } 

diff --git a/src/components/TreasuryImportFlowOverview/TreasuryImportFlowOverview.tsx b/src/components/TreasuryImportFlowOverview/TreasuryImportFlowOverview.tsx
@@ -7,7 +7,7 @@ import { GridColDef, GridRenderCellParams } from '@mui/x-data-grid';
 import FilterContainer, { COMPONENT_TYPE } from '../FilterContainer/FilterContainer';
 import ActionMenu from '../ActionMenu/ActionMenu';
 import TitleComponent from '../TitleComponent/TitleComponent';
-import { useNavigate } from 'react-router';
+import { generatePath, useNavigate } from 'react-router';
 import { PageRoutes } from '../../routes/routes';
 
 export const TreasuryImportFlowOverview = () => {
@@ -148,7 +148,7 @@ export const TreasuryImportFlowOverview = () => {
               icon: <Upload/>, 
               variant: 'outlined', 
               buttonText: t('treasuryImportFlowOverview.importflowbutton'), 
-              onActionClick: () => navigate(PageRoutes.REPORTING_IMPORT_FLOW)
+              onActionClick: () => navigate(generatePath(PageRoutes.IMPORT_FLOWS, {category: 'treasury'}))
             },
           ]
         }