Merge pull request #90 from lokanandaprabhu/feature/OCPBUGS-31745

OCPBUGS-31745: TaskRun status is not displayed near the name

src/components/pipelines-tasks/tasks-details-pages/TaskRunDetailsPage.tsx

@@ -8,6 +8,7 @@ import { Link } from 'react-router-dom';
 import * as React from 'react';
 import { useParams } from 'react-router-dom-v5-compat';
 import { ArchiveIcon } from '@patternfly/react-icons';
+import { ResourceStatus } from '@openshift-console/dynamic-plugin-sdk';
 import DetailsPage from '../../details-page/DetailsPage';
 import { getReferenceForModel } from '../../pipelines-overview/utils';
 import { TaskRunModel } from '../../../models';
@@ -23,12 +24,18 @@ import {
   RESOURCE_LOADED_FROM_RESULTS_ANNOTATION,
 } from '../../../consts';
 import { LoadingBox } from '../../status/status-box';
+import { taskRunStatus } from '../../utils/pipeline-utils';
+import Status from '../../status/Status';
 
 const TaskRunDetailsPage = () => {
   const { t } = useTranslation('plugin__pipelines-console-plugin');
   const params = useParams();
   const { name, ns: namespace } = params;
   const [data, loaded] = useTaskRun(namespace, name);
+  const trStatus = React.useMemo(
+    () => loaded && data && taskRunStatus(data),
+    [loaded, data],
+  );
   const resourceTitleFunc = React.useMemo(() => {
     return (
       <div className="taskrun-details-page">
@@ -42,6 +49,9 @@ const TaskRunDetailsPage = () => {
             <ArchiveIcon className="pipelinerun-details-page__results-indicator" />
           </Tooltip>
         )}
+        <ResourceStatus>
+          <Status status={trStatus}></Status>
+        </ResourceStatus>
       </div>
     );
   }, [data]);