diff --git a/spiffworkflow-frontend/src/components/MyCompletedInstances.tsx b/spiffworkflow-frontend/src/components/MyCompletedInstances.tsx
deleted file mode 100644
index f0f9705e9..000000000
--- a/spiffworkflow-frontend/src/components/MyCompletedInstances.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import ProcessInstanceListTable from './ProcessInstanceListTable';
-
-const paginationQueryParamPrefix = 'my_completed_instances';
-
-export default function MyCompletedInstances() {
- return (
-
- );
-}
diff --git a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
index 6f12d0e75..49b19a5ef 100644
--- a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
+++ b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
@@ -1704,7 +1704,7 @@ export default function ProcessInstanceListTable({
}
return (
-
+
{headerElement}
{filterButtonLink}
diff --git a/spiffworkflow-frontend/src/routes/CompletedInstances.tsx b/spiffworkflow-frontend/src/routes/CompletedInstances.tsx
index 6b8e0883d..5613227ad 100644
--- a/spiffworkflow-frontend/src/routes/CompletedInstances.tsx
+++ b/spiffworkflow-frontend/src/routes/CompletedInstances.tsx
@@ -19,43 +19,54 @@ export default function CompletedInstances() {
return userGroups.map((userGroup: string) => {
const titleText = `This is a list of instances with tasks that were completed by the ${userGroup} group.`;
+ const headerElement = (
+
+ Instances with tasks completed by {userGroup}
+
+ );
return (
- <>
-
- With tasks completed by {userGroup}
-
-
- >
+
);
});
};
const startedByMeTitleText =
'This is a list of instances you started that are now complete.';
+ const startedByMeHeaderElement = (
+
+ Started by me
+
+ );
const withTasksCompletedByMeTitleText =
'This is a list of instances where you have completed tasks.';
+ const withTasksHeaderElement = (
+
+ Instances with tasks completed by me
+
+ );
return (
<>
-
- Started by me
-
-
- With tasks completed by me
-
- Waiting for {userGroup}
+ Instances with tasks waiting for {userGroup}
);
return (
@@ -61,7 +61,7 @@ export default function InProgressInstances() {
'This is a list of instances that have tasks that you can complete.';
const waitingForMeHeaderElement = (
- Waiting for me
+ Instances with tasks waiting for me
);