Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Settings overview improvements for offers in AdminX (#19189)

Browse source 
fixes ADM-38
This commit is contained in:
Sodbileg Gansukh 2023-11-30 11:17:17 +08:00 • committed by GitHub
parent d318093f55
commit 49eaee40f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/admin-x-settings/src/components/settings/growth/Offers.tsx
View file

@ -18,7 +18,7 @@ const OfferContainer: React.FC<{offerTitle: string, tier: Tier, cadence: string,
<span className={`text-sm font-semibold uppercase ${discountColor}`}>{discountOffer}</span>
<div className='flex gap-1 text-xs'>
<span className='font-semibold'>{tier.name}</span>
<span className='text-grey-700'>{cadence}</span>
<span className='text-grey-700'>{cadence === 'month' ? 'monthly' : 'yearly'}</span>
</div>
<div className='mt-2 flex items-end justify-between'>
<a className='text-xs text-grey-700 hover:text-black hover:underline' href={createRedemptionFilterUrl(offerId)}>{redemptions} redemptions</a>
@ -58,7 +58,7 @@ const Offers: React.FC<{ keywords: string[] }> = ({keywords}) => {
return (
<TopLevelGroup
customButtons={<Button color='green' disabled={!checkStripeEnabled(settings, config)} label='Manage offers' link linkWithPadding onClick={openModal}/>}
description={<>Grow your audience by providing fixed or percentage discounts. {allOffers.length === 0 && <a className='text-green' href="https://ghost.org/help/offers" rel="noopener noreferrer" target="_blank">Learn more</a>}</>}
description={<>Create discounts & coupons to boost new subscriptions. {allOffers.length === 0 && <a className='text-green' href="https://ghost.org/help/offers" rel="noopener noreferrer" target="_blank">Learn more</a>}</>}
keywords={keywords}
navid='offers'
testId='offers'
@ -89,7 +89,7 @@ const Offers: React.FC<{ keywords: string[] }> = ({keywords}) => {
}
</div>
{allOffers.length > 3 && <div className='mt-4 border-t border-t-grey-200 pt-2'>
<Button className='text-sm font-bold text-green' label='Show all' size='sm' link unstyled onClick={openModal} />
<span className='text-xs text-grey-700 dark:text-grey-600'>{allOffers.length} offers in total</span>
</div>}
</div>
</TopLevelGroup>