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

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

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

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

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