20000: Correctly show process cancel on locked containers

Arvados-DCO-1.1-Signed-off-by: Stephen Smith <stephen@curii.com>

diff --git a/src/views/process-panel/process-details-card.tsx b/src/views/process-panel/process-details-card.tsx
index 06671a7a1372bdadf58e7191914e5c15cd7269a2..575545e58a9a43afc472e37207b60f04fa82d904 100644 (file)
--- a/src/views/process-panel/process-details-card.tsx
+++ b/src/views/process-panel/process-details-card.tsx
@@ -117,11 +117,12 @@ export const ProcessDetailsCard = withStyles(styles)(
                                 Run Process
                             </Button>}
                         {process.container &&
-                            (process.container.state === ContainerState.RUNNING ||
-                            process.container.state === ContainerState.QUEUED) &&
+                            (process.container.state === ContainerState.QUEUED ||
+                            process.container.state === ContainerState.LOCKED ||
+                            process.container.state === ContainerState.RUNNING) &&
                             process.containerRequest.priority !== null &&
                             process.containerRequest.priority > 0 &&
-                            <span className={classes.cancelButton} onClick={() => cancelProcess(process.containerRequest.uuid)}>Cancel</span>}
+                            <span data-cy="process-cancel" className={classes.cancelButton} onClick={() => cancelProcess(process.containerRequest.uuid)}>Cancel</span>}
                         <ProcessStatus uuid={process.containerRequest.uuid} />
                         <Tooltip title="More options" disableFocusListener>
                             <IconButton