Add missing actions on the TaskRun and PipelineRun details pages

Add ability to rerun/stop/delete etc. from the resource details page
so that users no longer have to navigate to the list page to perform
these actions.

Replace use of the `RunAction` component (which only supported rerun
and start actions) with the more generic `Actions` component which is
already used on the list pages.

packages/components/src/components/PipelineRun/PipelineRun.js

@@ -216,7 +216,7 @@ export /* istanbul ignore next */ class PipelineRunContainer extends Component {
       onViewChange,
       pipelineRun,
       pod,
-      runaction,
+      runActions,
       selectedStepId,
       selectedTaskId,
       showIO,
@@ -349,7 +349,7 @@ export /* istanbul ignore next */ class PipelineRunContainer extends Component {
           status={pipelineRunStatus}
           triggerHeader={triggerHeader}
         >
-          {runaction}
+          {runActions}
         </RunHeader>
         {customNotification}
         {taskRuns.length > 0 && (

packages/components/src/components/RunHeader/RunHeader.js

@@ -26,6 +26,7 @@ class RunHeader extends Component {
 
   render() {
     const {
+      children,
       icon,
       intl,
       lastTransitionTime,
@@ -81,7 +82,7 @@ class RunHeader extends Component {
                         )
                       : null}
                   </span>
-                  {this.props.children}
+                  {children}
                 </h1>
                 <div className="tkn--status">
                   <span className="tkn--status-label">{reason}</span>

packages/components/src/components/RunHeader/RunHeader.scss

@@ -47,8 +47,9 @@ header.tkn--pipeline-run-header {
       white-space: nowrap;
     }
 
-    .tkn--runaction-btn {
+    .tkn--actions-dropdown {
       margin-left: auto;
+      margin-right: 0.5rem;
     }
   }
 

packages/components/src/components/index.js

@@ -36,7 +36,6 @@ export { default as PipelineResources } from './PipelineResources';
 export { default as PipelineRun } from './PipelineRun';
 export { default as PipelineRuns } from './PipelineRuns';
 export { default as Portal } from './Portal';
-export { default as RunAction } from './RunAction';
 export { default as ResourceDetails } from './ResourceDetails';
 export { default as ResourceTable } from './ResourceTable';
 export { default as RunHeader } from './RunHeader';

packages/utils/src/utils/constants.js

@@ -27,6 +27,10 @@ export const pipelineRunStatuses = {
   PENDING: 'PipelineRunPending'
 };
 
+export const preferences = {
+  CANCEL_STATUS_KEY: 'tkn-pipelinerun-cancel-status'
+};
+
 export const queryParams = {
   PIPELINE_TASK: 'pipelineTask',
   RETRY: 'retry',