LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

bold more text in popup dialog

Browse source
This commit is contained in:
Anthony 2022-03-28 14:20:37 +02:00 committed by Thomas Zarebczan
parent 1eb66a6d66
commit d64f1c5cc2
2 changed files with 32 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
ui/page/odyseeMembership/view.jsx
View file

@ -283,16 +283,34 @@ const OdyseeMembershipPage = (props: Props) => {
); );
} }
const priceDisplayString = __( const priceDisplayString = (
'You are purchasing a %monthly_yearly% %plan% membership that is active immediately and will renew %monthly_yearly% at a price of %price%.', <I18nMessage
{ tokens={{
monthly_yearly: interval === 'month' ? __('monthly') : __('yearly'), monthly_yearly_bolded: (
price: `${currencyToUse.toUpperCase()} ${currencyToUse === 'usd' ? '$' : '€'}${price / 100}`, <b className="membership-bolded">{interval === 'month' ? __('monthly') : __('yearly')}</b>
} ),
monthly_yearly: interval === 'month' ? __('monthly') : __('yearly'),
price: (
<b className="membership-bolded">{`${currencyToUse.toUpperCase()} ${currencyToUse === 'usd' ? '$' : '€'}${
price / 100
}`}</b>
),
}}
>
You are purchasing a %monthly_yearly_bolded% %plan% membership that is active immediately and will renew
%monthly_yearly% at a price of %price%.
</I18nMessage>
); );
const noRefund = __( const noRefund = (
'You can cancel Premium at any time (no refunds) and you can also close this window and choose a different membership option.' <I18nMessage
tokens={{
premium_name: <b className="membership-bolded">{`Premium`}</b>,
}}
>
You can cancel %premium_name% at any time (no refunds) and you can also close this window and choose a different
membership option.
</I18nMessage>
); );
return ( return (

6
ui/scss/component/_splash.scss
View file

@ -402,9 +402,15 @@
} }
.stripe__confirm-remove-membership { .stripe__confirm-remove-membership {
padding: var(--spacing-m) var(--spacing-l) !important;
.card__subtitle { .card__subtitle {
line-height: 39px; line-height: 39px;
margin-top: 5px; margin-top: 5px;
margin-bottom: -1px; margin-bottom: -1px;
} }
.card__main-actions {
padding-top: 2px;
}
} }