External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-06 03:01:06 -03:30
Code Issues Packages Projects Releases Wiki Activity

Add help text popovers to /#/credentials details fields

Browse Source 
Add help text popovers to /#/credentials details fields

See: https://github.com/ansible/awx/issues/11862
This commit is contained in:
nixocio
2022-05-02 13:39:45 -04:00
parent 6a63af83c0
commit d74e258079
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
View File

@@ -100,12 +100,19 @@ function CredentialDetail({ credential }) {
const { error, dismissError } = useDismissableError(deleteError); 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]) { if (inputSources[id]) {
return ( return (
<React.Fragment key={id}> <React.Fragment key={id}>
<Detail <Detail
dataCy={`credential-${id}-detail`} dataCy={`credential-${id}-detail`}
helpText={help_text}
id={`credential-${id}-detail`} id={`credential-${id}-detail`}
fullWidth fullWidth
label={<span>{label} *</span>} label={<span>{label} *</span>}
@@ -151,6 +158,7 @@ function CredentialDetail({ credential }) {
key={id} key={id}
label={label} label={label}
value={t`Encrypted`} value={t`Encrypted`}
helpText={help_text}
isEncrypted isEncrypted
/> />
); );
@@ -160,6 +168,7 @@ function CredentialDetail({ credential }) {
return ( return (
<Detail <Detail
dataCy={`credential-${id}-detail`} dataCy={`credential-${id}-detail`}
helpText={help_text}
id={`credential-${id}-detail`} id={`credential-${id}-detail`}
key={id} key={id}
label={label} label={label}
@@ -175,6 +184,7 @@ function CredentialDetail({ credential }) {
key={id} key={id}
label={label} label={label}
value={inputs[id]} value={inputs[id]}
helpText={help_text}
/> />
); );
}; };