@@ -32,6 +32,8 @@ const FeatureTitleWithInfo = ({
32
32
docLink,
33
33
SVGImage,
34
34
showInfoIconTippy,
35
+ docLinkText = 'View Documentation' ,
36
+ dataTestId = 'feature-title-with-info' ,
35
37
} : DescriptorProps ) => {
36
38
const [ showFeatureDescriptionModal , setShowFeatureDescriptionModal ] = useState ( false )
37
39
const onClickInfoIcon = ( ) => {
@@ -43,26 +45,30 @@ const FeatureTitleWithInfo = ({
43
45
}
44
46
45
47
const renderTitle = ( ) => {
46
- if ( breadCrumbs )
47
- < div className = "flexbox dc__align-items-center dc__gap-4" >
48
- < BreadCrumb breadcrumbs = { breadCrumbs } />
49
- < ICHelpOutline className = { `${ iconClassName } icon-dim-20 cursor fcn-6` } onClick = { onClickInfoIcon } />
50
- </ div >
51
- else if ( showInfoIconTippy ) {
48
+ if ( showInfoIconTippy ) {
52
49
return (
53
- < div >
50
+ < div className = "flex left fs-16 cn-9 fw-6 mb-20 dc__gap-4" data-testid = { dataTestId } >
54
51
{ title }
55
52
< InfoIconTippy
56
53
heading = { title }
57
54
infoText = { renderDescriptionContent ( ) }
58
55
iconClassName = { iconClassName }
59
56
documentationLink = { docLink }
60
- documentationLinkText = { docLink }
57
+ documentationLinkText = { docLinkText }
61
58
dataTestid = "info-tippy-button"
62
59
/>
63
60
</ div >
64
61
)
65
62
}
63
+ if ( breadCrumbs ) {
64
+ return (
65
+ < div className = "flexbox dc__align-items-center dc__gap-4" >
66
+ < BreadCrumb breadcrumbs = { breadCrumbs } />
67
+ < ICHelpOutline className = { `${ iconClassName } icon-dim-20 cursor fcn-6` } onClick = { onClickInfoIcon } />
68
+ </ div >
69
+ )
70
+ }
71
+
66
72
return title
67
73
}
68
74
0 commit comments