Skip to content

Commit 6058dbc

Browse files
authored
MSD Site Domains: Do not show hover on domains that are not clickable (#107584)
1 parent dbd4a1d commit 6058dbc

File tree

1 file changed

+30
-26
lines changed

1 file changed

+30
-26
lines changed

client/dashboard/domains/dataviews/field-domain-name.tsx

Lines changed: 30 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -27,33 +27,37 @@ export const DomainNameField = ( {
2727
? domainTransferRoute.fullPath
2828
: domainOverviewRoute.fullPath;
2929

30+
const content = (
31+
<VStack spacing={ 1 }>
32+
<span style={ textOverflowStyles }>{ value }</span>
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>
45+
) }
46+
{ domain.subtype.id !== DomainSubtype.DOMAIN_REGISTRATION && (
47+
<Text variant="muted" style={ { ...textOverflowStyles, fontWeight: 'normal' } }>
48+
{ domain.subtype.label }
49+
</Text>
50+
) }
51+
</VStack>
52+
);
53+
54+
if ( ! domain.subscription_id ) {
55+
return content;
56+
}
57+
3058
return (
31-
<Link
32-
to={ href }
33-
params={ { siteSlug, domainName: domain.domain } }
34-
disabled={ ! domain.subscription_id }
35-
>
36-
<VStack spacing={ 1 }>
37-
<span style={ textOverflowStyles }>{ value }</span>
38-
{ showPrimaryDomainBadge && domain.primary_domain && (
39-
<span
40-
style={ {
41-
...textOverflowStyles,
42-
color: 'var(--dashboard__foreground-color-success)',
43-
fontWeight: 'normal',
44-
textDecoration: 'underline',
45-
textDecorationStyle: 'dotted',
46-
} }
47-
>
48-
{ __( 'Primary site address' ) }
49-
</span>
50-
) }
51-
{ domain.subtype.id !== DomainSubtype.DOMAIN_REGISTRATION && (
52-
<Text variant="muted" style={ { ...textOverflowStyles, fontWeight: 'normal' } }>
53-
{ domain.subtype.label }
54-
</Text>
55-
) }
56-
</VStack>
59+
<Link to={ href } params={ { siteSlug, domainName: domain.domain } }>
60+
{ content }
5761
</Link>
5862
);
5963
};

0 commit comments

Comments
 (0)