From 88ff68295bebace66cd5e715440fb7e780a613cc Mon Sep 17 00:00:00 2001
From: Jake McDermott <yo@jakemcdermott.me>
Date: Fri, 4 Jun 2021 10:01:30 -0400
Subject: [PATCH] Make IG credential linkable

---
 .../ContainerGroupDetails/ContainerGroupDetails.jsx    | 10 +++++++---
 .../ContainerGroupDetails.test.jsx                     |  6 +++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx b/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
index 701fabb8de..0500bdb749 100644
--- a/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
+++ b/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
@@ -55,9 +55,13 @@ function ContainerGroupDetails({ instanceGroup }) {
           <Detail
             label={t`Credential`}
             value={
-              <Label variant="outline" color="blue">
-                {instanceGroup.summary_fields.credential?.name}
-              </Label>
+              <Link
+                to={`/credentials/${instanceGroup?.summary_fields?.credential?.id}`}
+              >
+                <Label variant="outline" color="blue">
+                  {instanceGroup?.summary_fields?.credential?.name}
+                </Label>
+              </Link>
             }
             dataCy="container-group-credential"
           />
diff --git a/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.test.jsx b/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.test.jsx
index ce4524299c..a6661c0530 100644
--- a/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.test.jsx
+++ b/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.test.jsx
@@ -70,9 +70,9 @@ describe('<ContainerGroupDetails/>', () => {
     expect(wrapper.find('Detail[label="Type"]').prop('value')).toEqual(
       'Container group'
     );
-    expect(
-      wrapper.find('Detail[label="Credential"]').prop('value').props.children
-    ).toEqual(instanceGroup.summary_fields.credential.name);
+    expect(wrapper.find('Detail[label="Credential"]').text()).toContain(
+      instanceGroup.summary_fields.credential.name
+    );
     expect(wrapper.find('VariablesDetail').prop('value')).toEqual(
       instanceGroup.pod_spec_override
     );