diff --git a/awx/ui_next/src/components/JobList/JobListCancelButton.jsx b/awx/ui_next/src/components/JobList/JobListCancelButton.jsx index 4341e9613c..9b6d15c661 100644 --- a/awx/ui_next/src/components/JobList/JobListCancelButton.jsx +++ b/awx/ui_next/src/components/JobList/JobListCancelButton.jsx @@ -58,15 +58,29 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) { one="You do not have permission to cancel the following job:" other="You do not have permission to cancel the following jobs:" /> + {cannotCancelPermissions.map((job, i) => + i === cannotCancelPermissions.length - 1 ? ( + {job} + ) : ( + {job}, + ) + )} )} {cannotCancelNotRunning.length > 0 && (
+ {cannotCancelNotRunning.map((job, i) => + i === cannotCancelNotRunning.length - 1 ? ( + {job} + ) : ( + {job}, + ) + )}
)} @@ -99,6 +113,7 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) { key="cancel-job" isDisabled={isDisabled} component="button" + aria-labelledby="jobs-list-cancel-button" onClick={toggleModal} > {cancelJobText} @@ -107,9 +122,10 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {