From d74e2580796b2db235f9ecd4ddf6f1dd7191b123 Mon Sep 17 00:00:00 2001
From: nixocio <nixocio@gmail.com>
Date: Mon, 2 May 2022 13:39:45 -0400
Subject: [PATCH] Add help text popovers to /#/credentials details fields

Add help text popovers to /#/credentials details fields

See: https://github.com/ansible/awx/issues/11862
---
 .../Credential/CredentialDetail/CredentialDetail.js  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js b/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
index d8d6704e5e..25c83ad143 100644
--- a/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
+++ b/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
@@ -100,12 +100,19 @@ function CredentialDetail({ credential }) {
 
   const { error, dismissError } = useDismissableError(deleteError);
 
-  const renderDetail = ({ id, label, type, ask_at_runtime }) => {
+  const renderDetail = ({
+    id,
+    label,
+    type,
+    ask_at_runtime,
+    help_text = '',
+  }) => {
     if (inputSources[id]) {
       return (
         <React.Fragment key={id}>
           <Detail
             dataCy={`credential-${id}-detail`}
+            helpText={help_text}
             id={`credential-${id}-detail`}
             fullWidth
             label={<span>{label} *</span>}
@@ -151,6 +158,7 @@ function CredentialDetail({ credential }) {
           key={id}
           label={label}
           value={t`Encrypted`}
+          helpText={help_text}
           isEncrypted
         />
       );
@@ -160,6 +168,7 @@ function CredentialDetail({ credential }) {
       return (
         <Detail
           dataCy={`credential-${id}-detail`}
+          helpText={help_text}
           id={`credential-${id}-detail`}
           key={id}
           label={label}
@@ -175,6 +184,7 @@ function CredentialDetail({ credential }) {
         key={id}
         label={label}
         value={inputs[id]}
+        helpText={help_text}
       />
     );
   };