|
|
@ -11,7 +11,7 @@ function FormInputHelpText(props) {
|
|
|
|
className,
|
|
|
|
className,
|
|
|
|
text,
|
|
|
|
text,
|
|
|
|
link,
|
|
|
|
link,
|
|
|
|
linkTooltip,
|
|
|
|
tooltip,
|
|
|
|
isError,
|
|
|
|
isError,
|
|
|
|
isWarning,
|
|
|
|
isWarning,
|
|
|
|
isCheckInput
|
|
|
|
isCheckInput
|
|
|
@ -28,16 +28,27 @@ function FormInputHelpText(props) {
|
|
|
|
{text}
|
|
|
|
{text}
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
!!link &&
|
|
|
|
link ?
|
|
|
|
<Link
|
|
|
|
<Link
|
|
|
|
className={styles.link}
|
|
|
|
className={styles.link}
|
|
|
|
to={link}
|
|
|
|
to={link}
|
|
|
|
title={linkTooltip}
|
|
|
|
title={tooltip}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Icon
|
|
|
|
<Icon
|
|
|
|
name={icons.EXTERNAL_LINK}
|
|
|
|
name={icons.EXTERNAL_LINK}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</Link>
|
|
|
|
</Link> :
|
|
|
|
|
|
|
|
null
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
!link && tooltip ?
|
|
|
|
|
|
|
|
<Icon
|
|
|
|
|
|
|
|
containerClassName={styles.details}
|
|
|
|
|
|
|
|
name={icons.INFO}
|
|
|
|
|
|
|
|
title={tooltip}
|
|
|
|
|
|
|
|
/> :
|
|
|
|
|
|
|
|
null
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
);
|
|
|
@ -47,7 +58,7 @@ FormInputHelpText.propTypes = {
|
|
|
|
className: PropTypes.string.isRequired,
|
|
|
|
className: PropTypes.string.isRequired,
|
|
|
|
text: PropTypes.string.isRequired,
|
|
|
|
text: PropTypes.string.isRequired,
|
|
|
|
link: PropTypes.string,
|
|
|
|
link: PropTypes.string,
|
|
|
|
linkTooltip: PropTypes.string,
|
|
|
|
tooltip: PropTypes.string,
|
|
|
|
isError: PropTypes.bool,
|
|
|
|
isError: PropTypes.bool,
|
|
|
|
isWarning: PropTypes.bool,
|
|
|
|
isWarning: PropTypes.bool,
|
|
|
|
isCheckInput: PropTypes.bool
|
|
|
|
isCheckInput: PropTypes.bool
|
|
|
|