diff --git a/spiffworkflow-frontend/src/components/DataStoreListTiles.tsx b/spiffworkflow-frontend/src/components/DataStoreListTiles.tsx index d5cd0609..62b2240c 100644 --- a/spiffworkflow-frontend/src/components/DataStoreListTiles.tsx +++ b/spiffworkflow-frontend/src/components/DataStoreListTiles.tsx @@ -41,10 +41,9 @@ export default function DataStoreListTiles({ if (defaultDataStores) { setDataStores(defaultDataStores); } else { - let queryParams = '?per_page=1000'; - if (processGroup) { - queryParams = `${queryParams}&process_group_identifier=${processGroup.id}`; - } + const queryParams = `?per_page=1000&process_group_identifier=${ + processGroup?.id ?? '' + }`; HttpService.makeCallToBackend({ path: `${targetUris.dataStoreListPath}${queryParams}`, successCallback: setDataStores, diff --git a/spiffworkflow-frontend/src/routes/ProcessGroupList.tsx b/spiffworkflow-frontend/src/routes/ProcessGroupList.tsx index 2840c05b..71c2aabe 100644 --- a/spiffworkflow-frontend/src/routes/ProcessGroupList.tsx +++ b/spiffworkflow-frontend/src/routes/ProcessGroupList.tsx @@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'; import { useNavigate } from 'react-router-dom'; import { Button, + Stack, // @ts-ignore } from '@carbon/react'; import { Can } from '@casl/react'; @@ -13,6 +14,7 @@ import { useUriListForPermissions } from '../hooks/UriListForPermissions'; import { usePermissionFetcher } from '../hooks/PermissionService'; import ProcessModelSearch from '../components/ProcessModelSearch'; import ProcessGroupListTiles from '../components/ProcessGroupListTiles'; +import DataStoreListTiles from '../components/DataStoreListTiles'; export default function ProcessGroupList() { const navigate = useNavigate(); @@ -23,6 +25,7 @@ export default function ProcessGroupList() { const { targetUris } = useUriListForPermissions(); const permissionRequestData: PermissionsToCheck = { + [targetUris.dataStoreListPath]: ['POST'], [targetUris.processGroupListPath]: ['POST'], }; const { ability } = usePermissionFetcher(permissionRequestData); @@ -69,17 +72,32 @@ export default function ProcessGroupList() { return ( <> - - -
-
-
+ + + + + + + + +

{processModelSearchArea()}
+
+
+ Data Stores} + userCanCreateDataStores={ability.can( + 'POST', + targetUris.dataStoreListPath + )} + /> ); }