Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Updated the way free trial terms are shown

Browse source 
refs https://github.com/TryGhost/Team/issues/1726
This commit is contained in:
Djordje Vlaisavljevic 2022-08-19 13:36:24 +02:00
parent b069f967e4
commit 4671975156
1 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
ghost/portal/src/components/pages/OfferPage.js
View file

@ -130,6 +130,10 @@ export const OfferPageStyles = ({site}) => {
.offer .trial-duration {
margin-top: 16px;
}
.gh-portal-cancel {
white-space: nowrap;
}
`;
};
@ -463,7 +467,9 @@ export default class OfferPage extends React.Component {
renewsLabel = `Renews at ${originalPrice}.`;
}
if (discountDuration === 'trial') {
return null;
return (
<p className="footnote">Try free for {offer.amount} days, then {originalPrice}. <span class="gh-portal-cancel">Cancel anytime.</span></p>
);
}
return (
<p className="footnote">{this.getOffAmount({offer})} off {durationLabel}. {renewsLabel}</p>
@ -513,18 +519,6 @@ export default class OfferPage extends React.Component {
);
}
renderFreeTrialMessage({offer}) {
if (offer.type === 'trial') {
return (
<p className='gh-portal-free-trial-notification'>
After a free trial ends, you will be charged regular price for the tier you’ve chosen. You can always cancel before then.
</p>
);
}
return null;
}
renderProductCard({product, offer, currencyClass, updatedPrice, price, benefits}) {
if (this.state.showNewsletterSelection) {
return null;
@ -551,7 +545,6 @@ export default class OfferPage extends React.Component {
<div className='gh-portal-btn-container sticky m32'>
{this.renderSubmitButton()}
</div>
{this.renderFreeTrialMessage({offer})}
{this.renderLoginMessage()}
</div>
</>