diff --git a/src/webapp/components/dataset-table/DataSetTable.tsx b/src/webapp/components/dataset-table/DataSetTable.tsx index 4f950daa..88ef7eb7 100644 --- a/src/webapp/components/dataset-table/DataSetTable.tsx +++ b/src/webapp/components/dataset-table/DataSetTable.tsx @@ -15,8 +15,8 @@ export type DataSetColumns = DataSetAttrs & { permissionDescription: string }; const DataSetTable_: React.FC = React.memo(() => { const [refreshTable, setRefreshTable] = React.useState(0); const [tableAction, setTableAction] = React.useState(); - const { goToCreateDataSet } = useDataSetsRoutes(); const tableConfig = useTableConfig({ onAction: setTableAction, refreshTable }); + const { goToCreateDataSet } = useDataSetsRoutes(); const refreshDataSets = React.useCallback((isCancelAction: boolean) => { setTableAction(undefined); diff --git a/src/webapp/components/projects/ProjectTable.tsx b/src/webapp/components/projects/ProjectTable.tsx index 2fe153b9..81ff5931 100644 --- a/src/webapp/components/projects/ProjectTable.tsx +++ b/src/webapp/components/projects/ProjectTable.tsx @@ -11,6 +11,7 @@ import { parseSortField } from "$/utils/parse-sort-field"; import { useNavigateTo } from "$/webapp/routes"; import { DataSetActions, TableAction } from "$/webapp/components/dataset-table/DataSetActions"; import { getCommonActions } from "$/webapp/components/dataset-table/DataSetTableConfig"; +import { useDataSetsRoutes } from "$/webapp/hooks/useDataSets"; type ProjectColumns = ProjectAttrs & { orgUnits: string; coreCompetencies: string }; @@ -25,6 +26,7 @@ export const ProjectTable = React.memo(() => { const [refreshTable, setRefreshTable] = React.useState(0); const [tableAction, setTableAction] = React.useState(); const [isLoading, setLoading] = React.useState(false); + const { goToCreateDataSet } = useDataSetsRoutes(); const tableConfig = useObjectsTable( React.useMemo(() => { @@ -97,8 +99,9 @@ export const ProjectTable = React.memo(() => { paginationOptions: { pageSizeInitialValue: 50, pageSizeOptions: [50, 100, 200] }, searchBoxLabel: i18n.t("Search"), childrenKeys: ["dataSets"], + onActionButtonClick: goToCreateDataSet, }; - }, [navigateTo]), + }, [goToCreateDataSet, navigateTo]), React.useCallback( (search, pagination, sorting) => { console.debug(refreshTable); @@ -151,7 +154,7 @@ export const ProjectTable = React.memo(() => { return ( <> - ; + );