From 447bde95e399505db8528fcdeadc10b42a2c0fe2 Mon Sep 17 00:00:00 2001
From: nixocio <nixocio@gmail.com>
Date: Sun, 23 Aug 2020 14:36:25 -0400
Subject: [PATCH] Add label to identify isolated instance group JobDetail
 screen

Add label to identify isolated instance group JobDetail screen as per
mock up.

See: https://tower-mockups.testing.ansible.com/patternfly/jobs/jobs-detail/
---
 .../src/screens/Job/JobDetail/JobDetail.jsx   | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx b/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
index cd7b2c4dd3..96c0794d35 100644
--- a/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
+++ b/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { Link, useHistory } from 'react-router-dom';
 import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
-import { Button, Chip } from '@patternfly/react-core';
+import { Button, Chip, Label } from '@patternfly/react-core';
 import styled from 'styled-components';
 
 import AlertModal from '../../../components/AlertModal';
@@ -121,6 +121,22 @@ function JobDetail({ job, i18n }) {
     }
   };
 
+  const isIsolatedInstanceGroup = item => {
+    if (item.is_isolated) {
+      return (
+        <>
+          <Link to={`/instance_groups/${item.id}`}>{item.name}</Link>
+          <span css="margin-left: 12px">
+            <Label aria-label={i18n._(t`isolated instance`)}>
+              {i18n._(t`Isolated`)}
+            </Label>
+          </span>
+        </>
+      );
+    }
+    return <Link to={`/instance_groups/${item.id}`}>{item.name}</Link>;
+  };
+
   return (
     <CardBody>
       <DetailList>
@@ -211,11 +227,7 @@ function JobDetail({ job, i18n }) {
         {instanceGroup && (
           <Detail
             label={i18n._(t`Instance Group`)}
-            value={
-              <Link to={`/instance_groups/${instanceGroup.id}`}>
-                {instanceGroup.name}
-              </Link>
-            }
+            value={isIsolatedInstanceGroup(instanceGroup)}
           />
         )}
         {typeof job.job_slice_number === 'number' &&