From 97a4122cebb177911dbcde490bc490ac06a032f3 Mon Sep 17 00:00:00 2001
From: nixocio <nixocio@gmail.com>
Date: Fri, 30 Jul 2021 15:53:16 -0400
Subject: [PATCH] Add job id to job details screen

Add job id to job details screen

See: https://github.com/ansible/awx/issues/10786
---
 awx/ui/src/screens/Job/JobDetail/JobDetail.js      | 1 +
 awx/ui/src/screens/Job/JobDetail/JobDetail.test.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/awx/ui/src/screens/Job/JobDetail/JobDetail.js b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
index 77ed8d2dab..1573d49ab0 100644
--- a/awx/ui/src/screens/Job/JobDetail/JobDetail.js
+++ b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
@@ -120,6 +120,7 @@ function JobDetail({ job }) {
   return (
     <CardBody>
       <DetailList>
+        <Detail label={t`Job ID`} value={job.id} />
         <Detail
           fullWidth={Boolean(job.job_explanation)}
           label={t`Status`}
diff --git a/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js b/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js
index 2f412149b3..e81084626f 100644
--- a/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js
+++ b/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js
@@ -46,6 +46,7 @@ describe('<JobDetail />', () => {
     );
 
     // StatusIcon adds visibly hidden accessibility text " successful "
+    assertDetail('Job ID', '2');
     assertDetail('Status', ' successful Successful');
     assertDetail('Started', '8/8/2019, 7:24:18 PM');
     assertDetail('Finished', '8/8/2019, 7:24:50 PM');