Merge pull request #12158 from nixocio/ui_issue_11862

Add help text popovers to /#/credentials details fields
This commit is contained in:
JST 2022-05-05 14:00:15 -03:00 committed by GitHub
commit 2cfccdbe16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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}
/>
);
};