added process instance breadcrumb to task show page w/ burnettk

This commit is contained in:
jasquat 2023-03-08 15:08:24 -05:00
parent 0be466ba9a
commit 51e7ac00ad
1 changed files with 12 additions and 0 deletions

View File

@ -19,6 +19,7 @@ import HttpService from '../services/HttpService';
import useAPIError from '../hooks/UseApiError'; import useAPIError from '../hooks/UseApiError';
import { modifyProcessIdentifierForPathParam } from '../helpers'; import { modifyProcessIdentifierForPathParam } from '../helpers';
import { ProcessInstanceTask } from '../interfaces'; import { ProcessInstanceTask } from '../interfaces';
import ProcessBreadcrumb from '../components/ProcessBreadcrumb';
export default function TaskShow() { export default function TaskShow() {
const [task, setTask] = useState<ProcessInstanceTask | null>(null); const [task, setTask] = useState<ProcessInstanceTask | null>(null);
@ -287,6 +288,17 @@ export default function TaskShow() {
return ( return (
<main> <main>
<ProcessBreadcrumb
hotCrumbs={[
[
`Process Instance Id: ${params.process_instance_id}`,
`/admin/process-instances/for-me/${modifyProcessIdentifierForPathParam(
task.process_model_identifier
)}/${params.process_instance_id}`,
],
[`${task.title || task.id}`],
]}
/>
<div>{buildTaskNavigation()}</div> <div>{buildTaskNavigation()}</div>
<h3> <h3>
Task: {task.title} ({task.process_model_display_name}){statusString} Task: {task.title} ({task.process_model_display_name}){statusString}