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

Added default product descriptions

Browse source
This commit is contained in:
Peter Zimon 2022-03-28 13:38:05 +02:00
parent 4af2a89f13
commit c20fbb5a71
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ghost/portal/src/components/common/ProductsSection.js
View file

@ -524,7 +524,7 @@ function FreeProductCard({products, handleChooseSignup}) {
let cardClass = selectedProduct === 'free' ? 'gh-portal-product-card free checked' : 'gh-portal-product-card free';
const product = getFreeProduct({site});
const freeProductDescription = getFreeTierDescription({site});
let freeProductDescription = getFreeTierDescription({site});
let disabled = (action === 'signup:running') ? true : false;
@ -541,15 +541,19 @@ function FreeProductCard({products, handleChooseSignup}) {
}
const hasOnlyFree = hasOnlyFreeProduct({site});
const freeBenefits = getFreeProductBenefits({site});
if (hasOnlyFree) {
const freeBenefits = getFreeProductBenefits({site});
if (!freeProductDescription && !freeBenefits.length) {
return null;
}
cardClass += ' only-free';
}
if (!freeProductDescription && !freeBenefits.length) {
freeProductDescription = 'Free preview';
}
return (
<>
<div className={cardClass} onClick={(e) => {
@ -602,6 +606,11 @@ function ProductCard({product, products, selectedInterval, handleChooseSignup})
disabled = true;
}
let productDescription = product.description;
if ((!product.benefits || !product.benefits.length) && !productDescription) {
productDescription = 'Full access';
}
return (
<>
<div className={cardClass} key={product.id} onClick={(e) => {
@ -614,7 +623,9 @@ function ProductCard({product, products, selectedInterval, handleChooseSignup})
</div>
<div className='gh-portal-product-card-details'>
<div className='gh-portal-product-card-detaildata'>
{product.description ? <div className="gh-portal-product-description">{product.description}</div> : ''}
<div className="gh-portal-product-description">
{productDescription}
</div>
<ProductBenefitsContainer product={product} />
</div>
<div className='gh-portal-btn-product'>