diff --git a/spiffworkflow-frontend/src/components/Filters.tsx b/spiffworkflow-frontend/src/components/Filters.tsx index e6280a0f0..abb45be18 100644 --- a/spiffworkflow-frontend/src/components/Filters.tsx +++ b/spiffworkflow-frontend/src/components/Filters.tsx @@ -30,7 +30,7 @@ export default function Filters({ let reportSearchSection = null; if (reportSearchComponent) { reportSearchSection = ( - + {reportSearchComponent()} ); diff --git a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx index fb92540f2..2581e7a49 100644 --- a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx +++ b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx @@ -1702,7 +1702,7 @@ export default function ProcessInstanceListTable({ const reportSearchComponent = () => { if (showReports) { const columns = [ - + { - return `${truncateString(processInstanceReport.identifier, 20)} (Id: ${ - processInstanceReport.id - })`; + return `${processInstanceReport.identifier} (Id: ${processInstanceReport.id})`; }; const shouldFilterProcessInstanceReport = (options: any) => { @@ -70,24 +68,28 @@ export default function ProcessInstanceReportSearch({ if (reportsAvailable()) { return ( - - {titleText} - { - if (processInstanceReport) { - return reportSelectionString(processInstanceReport); - } - return null; - }} - shouldFilterItem={shouldFilterProcessInstanceReport} - placeholder="Choose a process instance perspective" - selectedItem={selectedItem} - /> - + + + {titleText} + + + { + if (processInstanceReport) { + return reportSelectionString(processInstanceReport); + } + return null; + }} + shouldFilterItem={shouldFilterProcessInstanceReport} + placeholder="Choose a process instance perspective" + selectedItem={selectedItem} + /> + + ); } return null;