sartography
/
spiff-arena
mirror of https://github.com/sartography/spiff-arena.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

make data store component respect permissions (#929) 

Co-authored-by: burnettk <burnettk@users.noreply.github.com>
This commit is contained in:
Kevin Burnett 2024-01-30 09:43:05 -08:00 committed by GitHub
parent 40b9570e22
commit b4f85925d6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
spiffworkflow-frontend/src/components/DataStoreListTiles.tsx
View File

@ -3,8 +3,10 @@ import { useSearchParams } from 'react-router-dom';
import { ArrowRight } from '@carbon/icons-react'; import { ArrowRight } from '@carbon/icons-react';
import { ClickableTile } from '@carbon/react'; import { ClickableTile } from '@carbon/react';
import HttpService from '../services/HttpService'; import HttpService from '../services/HttpService';
import { DataStore, ProcessGroup } from '../interfaces'; import { DataStore, PermissionsToCheck, ProcessGroup } from '../interfaces';
import { truncateString } from '../helpers'; import { truncateString } from '../helpers';
import { useUriListForPermissions } from '../hooks/UriListForPermissions';
import { usePermissionFetcher } from '../hooks/PermissionService';
type OwnProps = { type OwnProps = {
defaultDataStores?: DataStore[]; defaultDataStores?: DataStore[];
@ -26,25 +28,40 @@ export default function DataStoreListTiles({
const [searchParams] = useSearchParams(); const [searchParams] = useSearchParams();
const [dataStores, setDataStores] = useState<DataStore[] | null>(null); const [dataStores, setDataStores] = useState<DataStore[] | null>(null);
const { targetUris } = useUriListForPermissions();
const permissionRequestData: PermissionsToCheck = {
[targetUris.dataStoreListPath]: ['GET'],
};
const { ability, permissionsLoaded } = usePermissionFetcher(
permissionRequestData
);
useEffect(() => { useEffect(() => {
const setDataStoresFromResult = (result: any) => { if (permissionsLoaded) {
setDataStores(result); if (ability.can('GET', targetUris.dataStoreListPath)) {
}; if (defaultDataStores) {
setDataStores(defaultDataStores);
if (defaultDataStores) { } else {
setDataStores(defaultDataStores); let queryParams = '?per_page=1000';
} else { if (processGroup) {
let queryParams = '?per_page=1000'; queryParams = `${queryParams}&process_group_identifier=${processGroup.id}`;
if (processGroup) { }
queryParams = `${queryParams}&process_group_identifier=${processGroup.id}`; HttpService.makeCallToBackend({
path: `${targetUris.dataStoreListPath}${queryParams}`,
successCallback: setDataStores,
});
}
} }
HttpService.makeCallToBackend({
path: `/data-stores${queryParams}`,
successCallback: setDataStoresFromResult,
});
} }
}, [searchParams, dataStore, defaultDataStores, processGroup]); }, [
searchParams,
dataStore,
defaultDataStores,
processGroup,
permissionsLoaded,
ability,
targetUris.dataStoreListPath,
]);
const dataStoresDisplayArea = () => { const dataStoresDisplayArea = () => {
let displayText = null; let displayText = null;