From ab40006535ba5066bba30ff9c3692686ec41d839 Mon Sep 17 00:00:00 2001
From: nixocio <nixocio@gmail.com>
Date: Fri, 18 Jun 2021 17:09:14 -0400
Subject: [PATCH] Link to instance group from org details when present

Link to instance group from org details when present

See: https://github.com/ansible/awx/issues/4953
---
 .../OrganizationDetail/OrganizationDetail.jsx      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx b/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
index a2f62e851c..83c2e9dc37 100644
--- a/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
+++ b/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
@@ -84,6 +84,12 @@ function OrganizationDetail({ organization }) {
     return <ContentError error={contentError} />;
   }
 
+  const buildLinkURL = instance => {
+    return instance.is_container_group
+      ? '/instance_groups/container_group/'
+      : '/instance_groups/';
+  };
+
   return (
     <CardBody>
       <DetailList>
@@ -118,9 +124,11 @@ function OrganizationDetail({ organization }) {
             value={
               <ChipGroup numChips={5} totalChips={instanceGroups.length}>
                 {instanceGroups.map(ig => (
-                  <Chip key={ig.id} isReadOnly>
-                    {ig.name}
-                  </Chip>
+                  <Link to={`${buildLinkURL(ig)}${ig.id}/details`}>
+                    <Chip key={ig.id} isReadOnly>
+                      {ig.name}
+                    </Chip>
+                  </Link>
                 ))}
               </ChipGroup>
             }