ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PremiumMainModal: Fix price for annual subscribe option (#4189)

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-01-16 21:33:02 +01:00
parent 88ff94c2bb
commit aff3c0b92d
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/main/premium/PremiumMainModal.tsx
View File

@ -255,6 +255,19 @@ const PremiumMainModal: FC<OwnProps & StateProps> = ({
return Number(monthOption.amount);
}, [promo]);
const subscribeButtonText = useMemo(() => {
if (!selectedSubscriptionOption) {
return undefined;
}
const { amount, months, currency } = selectedSubscriptionOption;
const perMonthPrice = Math.floor(amount / months);
return formatCurrency(
perMonthPrice,
currency,
lang.code,
);
}, [selectedSubscriptionOption, lang.code]);
if (!promo || (fromUserStatusEmoji && !fromUserStatusSet)) return undefined;
function getHeaderText() {
@ -397,12 +410,7 @@ const PremiumMainModal: FC<OwnProps & StateProps> = ({
{!isPremium && selectedSubscriptionOption && (
<div className={styles.footer}>
<Button className={styles.button} isShiny withPremiumGradient onClick={handleClick}>
{lang('SubscribeToPremium',
formatCurrency(
selectedSubscriptionOption.amount,
selectedSubscriptionOption.currency,
lang.code,
))}
{lang('SubscribeToPremium', subscribeButtonText)}
</Button>
</div>
)}