Merge pull request #5132 from mabashian/4980-job-details-delete

Hide delete button on job details from users without proper permissions

Reviewed-by: https://github.com/apps/softwarefactory-project-zuul

awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx

@@ -272,13 +272,15 @@ function JobDetail({ job, i18n, history }) {
               )}
             </LaunchButton>
           )}
-        <Button
-          variant="danger"
-          aria-label={i18n._(t`Delete`)}
-          onClick={() => setIsDeleteModalOpen(true)}
-        >
-          {i18n._(t`Delete`)}
-        </Button>
+        {job.summary_fields.user_capabilities.delete && (
+          <Button
+            variant="danger"
+            aria-label={i18n._(t`Delete`)}
+            onClick={() => setIsDeleteModalOpen(true)}
+          >
+            {i18n._(t`Delete`)}
+          </Button>
+        )}
       </ActionButtonWrapper>
       {isDeleteModalOpen && (
         <AlertModal
@@ -299,6 +301,7 @@ function JobDetail({ job, i18n, history }) {
             >
               {i18n._(t`Cancel`)}
             </Button>
+
             <Button
               variant="danger"
               aria-label={i18n._(t`Delete`)}