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 price values to round off to 2 decimal places

Browse source 
refs https://github.com/TryGhost/Team/issues/1162
This commit is contained in:
Rishabh 2021-10-18 23:11:08 +05:30
parent 374ede2e64
commit 6374b32f55
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -358,7 +358,7 @@ export default class OfferPage extends React.Component {
getOriginalPrice({offer, product}) {
const price = offer.cadence === 'month' ? product.monthlyPrice : product.yearlyPrice;
const originalAmount = price.amount / 100;
const originalAmount = this.renderRoundedPrice(price.amount / 100);
return `${getCurrencySymbol(price.currency)}${originalAmount}/${offer.cadence}`;
}
@ -376,6 +376,14 @@ export default class OfferPage extends React.Component {
return originalAmount / 100;
}
renderRoundedPrice(price) {
if (price % 1 !== 0) {
const roundedPrice = Math.round(price * 100) / 100;
return Number(roundedPrice).toFixed(2);
}
return price;
}
getOffAmount({offer}) {
if (offer.type === 'fixed') {
return `${getCurrencySymbol(offer.currency)}${offer.amount / 100}`;
@ -392,6 +400,8 @@ export default class OfferPage extends React.Component {
}
const product = getProductFromId({site, productId: offer.tier.id});
const price = offer.cadence === 'month' ? product.monthlyPrice : product.yearlyPrice;
const updatedPrice = this.getUpdatedPrice({offer, product});
const originalPrice = this.getOriginalPrice({offer, product});
return (
<>
<div className='gh-portal-content gh-portal-offer'>
@ -418,7 +428,7 @@ export default class OfferPage extends React.Component {
<div className="old">{getCurrencySymbol(price.currency)}{price.amount / 100}</div>
<div className="new">
<span className="currency">{getCurrencySymbol(price.currency)}</span>
<span className="value">{this.getUpdatedPrice({offer, product})}</span>
<span className="value">{this.renderRoundedPrice(updatedPrice)}</span>
</div>
</div>
</div>