diff --git a/spiffworkflow-frontend/src/routes/ProcessInstanceLogList.tsx b/spiffworkflow-frontend/src/routes/ProcessInstanceLogList.tsx
index d68deba7b..4806d5841 100644
--- a/spiffworkflow-frontend/src/routes/ProcessInstanceLogList.tsx
+++ b/spiffworkflow-frontend/src/routes/ProcessInstanceLogList.tsx
@@ -48,57 +48,58 @@ export default function ProcessInstanceLogList({ variant }: OwnProps) {
isDetailedView,
]);
+ const getTableRow = (row: any) => {
+ const tableRow = [];
+ const taskNameCell = (
+
+ {row.bpmn_task_name ||
+ (row.bpmn_task_type === 'Default Start Event'
+ ? 'Process Started'
+ : '') ||
+ (row.bpmn_task_type === 'End Event' ? 'Process Ended' : '')}
+ |
+ );
+ if (isDetailedView) {
+ tableRow.push(
+ <>
+ {row.id} |
+ {row.bpmn_process_identifier} |
+ {taskNameCell}
+ >
+ );
+ } else {
+ tableRow.push(
+ <>
+ {taskNameCell}
+ {row.bpmn_process_identifier} |
+ >
+ );
+ }
+ if (isDetailedView) {
+ tableRow.push(
+ <>
+ {row.bpmn_task_type} |
+ {row.message} |
+ {row.username === userEmail ? 'me 🔥' : row.username} |
+ >
+ );
+ }
+ tableRow.push(
+
+
+ {convertSecondsToFormattedDateTime(row.timestamp)}
+
+ |
+ );
+ return {tableRow}
;
+ };
+
const buildTable = () => {
const rows = processInstanceLogs.map((row) => {
- const rowToUse = row as any;
- const tableRow = [];
- const taskNameCell = (
-
- {rowToUse.bpmn_task_name ||
- (rowToUse.bpmn_task_type === 'Default Start Event'
- ? 'Process Started'
- : '') ||
- (rowToUse.bpmn_task_type === 'End Event' ? 'Process Ended' : '')}
- |
- );
- if (isDetailedView) {
- tableRow.push(
- <>
- {rowToUse.id} |
- {rowToUse.bpmn_process_identifier} |
- {taskNameCell}
- >
- );
- } else {
- tableRow.push(
- <>
- {taskNameCell}
- {rowToUse.bpmn_process_identifier} |
- >
- );
- }
- if (isDetailedView) {
- tableRow.push(
- <>
- {rowToUse.bpmn_task_type} |
- {rowToUse.message} |
-
- {rowToUse.username === userEmail ? 'me 🔥' : rowToUse.username}
- |
- >
- );
- }
- tableRow.push(
-
-
- {convertSecondsToFormattedDateTime(rowToUse.timestamp)}
-
- |
- );
- return {tableRow}
;
+ return getTableRow(row);
});
const tableHeaders = [];