Update stats page banners for new free plan limit [MAILPOET-2492]
This commit is contained in:
@@ -2,13 +2,8 @@ import React from 'react';
|
||||
import MailPoet from 'mailpoet';
|
||||
|
||||
const PremiumBanner = () => {
|
||||
if (window.mailpoet_display_detailed_stats) {
|
||||
return null;
|
||||
}
|
||||
|
||||
let ctaButton = null;
|
||||
if (window.mailpoet_subscribers_count <= window.mailpoet_free_premium_subscribers_limit) {
|
||||
ctaButton = (
|
||||
if (!window.mailpoet_display_detailed_stats) {
|
||||
const ctaButton = (
|
||||
<a
|
||||
className="button"
|
||||
href={MailPoet.MailPoetComUrlFactory.getFreePlanUrl({ utm_medium: 'stats', utm_campaign: 'signup' })}
|
||||
@@ -18,26 +13,43 @@ const PremiumBanner = () => {
|
||||
{MailPoet.I18n.t('premiumBannerCtaFree')}
|
||||
</a>
|
||||
);
|
||||
} else {
|
||||
ctaButton = (
|
||||
<a
|
||||
className="button"
|
||||
href={MailPoet.MailPoetComUrlFactory.getPricingPageUrl(window.mailpoet_subscribers_count)}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
{MailPoet.I18n.t('premiumBannerCtaPremium')}
|
||||
</a>
|
||||
|
||||
return (
|
||||
<div className="mailpoet_stats_premium_banner">
|
||||
<h1>{MailPoet.I18n.t('premiumBannerTitle')}</h1>
|
||||
<p>{ctaButton}</p>
|
||||
<a href="admin.php?page=mailpoet-premium">{MailPoet.I18n.t('premiumBannerLink')}</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
if (window.mailpoet_subscribers_limit_reached) {
|
||||
const hasValidApiKey = window.mailpoet_has_valid_api_key;
|
||||
const title = MailPoet.I18n.t('subscribersLimitNoticeTitle')
|
||||
.replace('[subscribersLimit]', window.mailpoet_subscribers_limit);
|
||||
const youReachedTheLimit = MailPoet.I18n.t(hasValidApiKey ? 'yourPlanLimit' : 'freeVersionLimit')
|
||||
.replace('[subscribersLimit]', window.mailpoet_subscribers_limit);
|
||||
const upgradeLink = hasValidApiKey
|
||||
? 'https://account.mailpoet.com/upgrade'
|
||||
: `https://account.mailpoet.com/?s=${window.mailpoet_subscribers_count + 1}`;
|
||||
|
||||
return (
|
||||
<div className="mailpoet_stats_premium_banner">
|
||||
<h1>{MailPoet.I18n.t('premiumBannerTitle')}</h1>
|
||||
<p>{ctaButton}</p>
|
||||
<a href="admin.php?page=mailpoet-premium">{MailPoet.I18n.t('premiumBannerLink')}</a>
|
||||
</div>
|
||||
);
|
||||
return (
|
||||
<div className="mailpoet_stats_premium_banner">
|
||||
<h1>{title}</h1>
|
||||
<p>{youReachedTheLimit}</p>
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="button"
|
||||
href={upgradeLink}
|
||||
>
|
||||
{MailPoet.I18n.t('upgradeNow')}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
export default PremiumBanner;
|
||||
|
Reference in New Issue
Block a user