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
+ )}
+ />
>
);
}