@@ -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