|
1 | 1 | import { DomainSubtype } from '@automattic/api-core'; |
2 | 2 | import config from '@automattic/calypso-config'; |
3 | 3 | import { Link } from '@tanstack/react-router'; |
4 | | -import { __experimentalVStack as VStack } from '@wordpress/components'; |
| 4 | +import { Tooltip, __experimentalVStack as VStack } from '@wordpress/components'; |
5 | 5 | import { __ } from '@wordpress/i18n'; |
6 | 6 | import { domainOverviewRoute, domainTransferRoute } from '../../app/router/domains'; |
7 | 7 | import { Text } from '../../components/text'; |
@@ -31,17 +31,19 @@ export const DomainNameField = ( { |
31 | 31 | <VStack spacing={ 1 }> |
32 | 32 | <span style={ textOverflowStyles }>{ value }</span> |
33 | 33 | { showPrimaryDomainBadge && domain.primary_domain && ( |
34 | | - <span |
35 | | - style={ { |
36 | | - ...textOverflowStyles, |
37 | | - color: 'var(--dashboard__foreground-color-success)', |
38 | | - fontWeight: 'normal', |
39 | | - textDecoration: 'underline', |
40 | | - textDecorationStyle: 'dotted', |
41 | | - } } |
42 | | - > |
43 | | - { __( 'Primary site address' ) } |
44 | | - </span> |
| 34 | + <Tooltip text={ __( 'The address people see when visiting your site.' ) }> |
| 35 | + <span |
| 36 | + style={ { |
| 37 | + ...textOverflowStyles, |
| 38 | + color: 'var(--dashboard__foreground-color-success)', |
| 39 | + fontWeight: 'normal', |
| 40 | + textDecoration: 'underline', |
| 41 | + textDecorationStyle: 'dotted', |
| 42 | + } } |
| 43 | + > |
| 44 | + { __( 'Primary site address' ) } |
| 45 | + </span> |
| 46 | + </Tooltip> |
45 | 47 | ) } |
46 | 48 | { domain.subtype.id !== DomainSubtype.DOMAIN_REGISTRATION && ( |
47 | 49 | <Text variant="muted" style={ { ...textOverflowStyles, fontWeight: 'normal' } }> |
|
0 commit comments