"Only premium users can register a new domain through our system. If you [link: purchase a yearly subscription plan] to Strikingly, we'll give you a domain for free!",
"If you [link: purchase a yearly subscription plan] to Strikingly, we'll give you a domain for free for the first year!",
),
),
{
{
root: <div className="field-hint" />,
root: <div className="field-hint" />,
link: <a href={
link: (
<a
href={
UserMetaStore.isZbjUser()
UserMetaStore.isZbjUser()
? 'javascript: alert("八戒云站暂不支持升级，请添加新的套餐。")'
? 'javascript: alert("八戒云站暂不支持升级，请添加新的套餐。")'
: '/s/pricing?ref=free_domain'
: '/s/pricing?ref=free_domain'
} />,
}
/>
),
},
},
)}
)}
<div
<div
...
@@ -672,6 +688,38 @@ class DomainsTab extends React.Component {
...
@@ -672,6 +688,38 @@ class DomainsTab extends React.Component {
</div>
</div>
)
)
}
}
} else if (
CurrentUserStore.hasFreeDomain() &&
v2DomainSetting.entitledToFreeDomain
) {
registerDomainContainer = (
<div className="register-domain">
<div className="field-hint">
{__(
`You're on a yearly plan and can register a new domain for free!`,
)}
</div>
<div
className="s-btn big basic-blue"
onClick={this._onRegisterNewDomain}>
{__('Claim My Free Domain!')}
</div>
</div>
)
} else {
registerDomainContainer = (
<div className="register-domain">
<div className="field-hint">
{__(`Don't own a domain yet? Grab one here.`)}
</div>
<div
className="s-btn big basic-blue"
onClick={this._onRegisterNewDomain}>
{__('Register New Domain')}
</div>
</div>
)
}
}
}
let permalinkInner
let permalinkInner
...
@@ -715,35 +763,22 @@ class DomainsTab extends React.Component {
...
@@ -715,35 +763,22 @@ class DomainsTab extends React.Component {
'Domain|Register for or connect to a custom domain for this site.',
)}
hint={__(
'Upgrade your account to either Limited or Pro to access this feature!',
)}
source="cd">
{!isSxl && (
{!isSxl && (
<div>
<div>
{showPurchaseSuccessMsg && (
{showPurchaseSuccessMsg && (
<ReactTransitionGroup>
<ReactTransitionGroup>
<JQSlide
<JQSlide component={DOM.div} className="s-box green small fist">
component={DOM.div}
className="s-box green small fist">
<i className="fa fa-check" />
<i className="fa fa-check" />
{tct(
{tct(
__(
__(
"Domain|[placeholderStrong: You just got a new domain!] And we've already connected it to your site. Remember, you must check your email to validate your domain.",
'Domain|[placeholderStrong: You just got a new domain!]',
),
),
{
{
root: <span />,
root: <span />,
...
@@ -751,10 +786,14 @@ class DomainsTab extends React.Component {
...
@@ -751,10 +786,14 @@ class DomainsTab extends React.Component {
},
},
)}
)}
{!CurrentUserStore.isFreeMembership() &&
__("Domain|And we've already connected it to your site.")}
{__(
'Domain|Remember, you must check your email to validate your domain.',
