sartography/spiff-arena
1
0
Fork 0
mirror of https://github.com/sartography/spiff-arena.git synced 2025-02-22 14:18:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

use better arrow from pm show page w/ burnettk

Browse Source
This commit is contained in:
jasquat 2025-02-11 16:33:56 -05:00
parent 4142e42ed5
commit 2a1df64ae1
No known key found for this signature in database
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessInstanceListTable.tsx
View File

@ -1,4 +1,4 @@
import { ArrowRight, OpenInNew, Refresh } from '@mui/icons-material'; import { ArrowRightAlt, OpenInNew, Refresh } from '@mui/icons-material';
import { import {
TableRow, TableRow,
Table, Table,
@ -42,6 +42,7 @@ import {
childrenForErrorObject, childrenForErrorObject,
errorForDisplayFromString, errorForDisplayFromString,
} from './ErrorDisplay'; } from './ErrorDisplay';
import SpiffTooltip from './SpiffTooltip';
type OwnProps = { type OwnProps = {
additionalReportFilters?: ReportFilter[]; additionalReportFilters?: ReportFilter[];
@ -430,15 +431,17 @@ export default function ProcessInstanceListTable({
let filterButtonLink = null; let filterButtonLink = null;
if (showLinkToReport && pagination && pagination.total) { if (showLinkToReport && pagination && pagination.total) {
filterButtonLink = ( filterButtonLink = (
<Grid style={{ textAlign: 'right' }}> <Grid style={{ textAlign: 'right' }} offset="auto">
<IconButton <SpiffTooltip title="View Filterable List" placement="top">
data-qa="process-instance-list-link" <IconButton
onClick={() => data-qa="process-instance-list-link"
navigate(`/newui/process-instances?report_hash=${reportHash}`) onClick={() =>
} navigate(`/newui/process-instances?report_hash=${reportHash}`)
> }
<ArrowRight /> >
</IconButton> <ArrowRightAlt />
</IconButton>
</SpiffTooltip>
</Grid> </Grid>
); );
} }
@ -447,7 +450,7 @@ export default function ProcessInstanceListTable({
} }
return ( return (
<Grid container alignItems="center" spacing={1}> <Grid container alignItems="center" spacing={1}>
<Grid xs>{tableTitle()}</Grid> <Grid>{tableTitle()}</Grid>
{filterButtonLink} {filterButtonLink}
</Grid> </Grid>
); );
@ -626,7 +629,7 @@ export default function ProcessInstanceListTable({
} }
return ( return (
<> <>
<Grid container>{tableTitleLine()}</Grid> {tableTitleLine()}
{filterComponent ? filterComponent() : null} {filterComponent ? filterComponent() : null}
<Grid container> <Grid container>
<Grid size={{ xs: 12 }}>{tableElement}</Grid> <Grid size={{ xs: 12 }}>{tableElement}</Grid>