Move newsletter stats translaton inside component

The reason is, that translation strings outside weren't translated at all, even if they are present in .pot

[MAILPOET-6262]
This commit is contained in:
 Ján Mikláš
2024-10-03 11:09:42 +02:00
committed by Oluwaseun Olorunsola
parent 6a8a209d11
commit 2bc29c8b0a

View File

@ -10,59 +10,7 @@ type StatsBadgeProps = {
isInverted?: boolean;
};
const stats = {
opened: {
badgeRanges: [30, 10, 0],
badgeTypes: ['excellent', 'good', 'critical'],
tooltipText: {
// translators: Excellent open rate
excellent: __('above 30%', 'mailpoet'),
// translators: Good open rate
good: __('between 10 and 30%', 'mailpoet'),
// translators: Critical open rate
critical: __('under 10%', 'mailpoet'),
},
},
clicked: {
badgeRanges: [3, 1, 0],
badgeTypes: ['excellent', 'good', 'critical'],
tooltipText: {
// translators: Excellent click rate
excellent: __('above 3%', 'mailpoet'),
// translators: Good click rate
good: __('between 1 and 3%', 'mailpoet'),
// translators: Critical click rate
critical: __('under 1%', 'mailpoet'),
},
},
bounced: {
badgeRanges: [1.5, 0.5, 0],
badgeTypes: ['critical', 'good', 'excellent'],
tooltipText: {
// translators: Excellent bounce rate
excellent: __('below 0.5%', 'mailpoet'),
// translators: Good bounce rate
good: __('between 0.5% and 1.5%', 'mailpoet'),
// translators: Critical bounce rate
critical: __('above 1.5%', 'mailpoet'),
},
},
unsubscribed: {
badgeRanges: [0.7, 0.3, 0],
badgeTypes: ['critical', 'good', 'excellent'],
tooltipText: {
// translators: Excellent unsubscribe rate
excellent: __('Below 0.3%', 'mailpoet'),
// translators: Good unsubscribe rate
good: __('between 0.3% and 0.7%', 'mailpoet'),
// translators: Critical unsubscribe rate
critical: __('above 0.7%', 'mailpoet'),
},
},
};
export const getBadgeType = (statName, rate) => {
const stat = stats[statName] || null;
export const getBadgeType = (stat, rate) => {
if (!stat) {
return null;
}
@ -96,8 +44,58 @@ function StatsBadge(props: StatsBadgeProps) {
tooltipTitle: __('Something to improve.', 'mailpoet'),
},
};
const stats = {
opened: {
badgeRanges: [30, 10, 0],
badgeTypes: ['excellent', 'good', 'critical'],
tooltipText: {
// translators: Excellent open rate
excellent: __('above 30%', 'mailpoet'),
// translators: Good open rate
good: __('between 10 and 30%', 'mailpoet'),
// translators: Critical open rate
critical: __('under 10%', 'mailpoet'),
},
},
clicked: {
badgeRanges: [3, 1, 0],
badgeTypes: ['excellent', 'good', 'critical'],
tooltipText: {
// translators: Excellent click rate
excellent: __('above 3%', 'mailpoet'),
// translators: Good click rate
good: __('between 1 and 3%', 'mailpoet'),
// translators: Critical click rate
critical: __('under 1%', 'mailpoet'),
},
},
bounced: {
badgeRanges: [1.5, 0.5, 0],
badgeTypes: ['critical', 'good', 'excellent'],
tooltipText: {
// translators: Excellent bounce rate
excellent: __('below 0.5%', 'mailpoet'),
// translators: Good bounce rate
good: __('between 0.5% and 1.5%', 'mailpoet'),
// translators: Critical bounce rate
critical: __('above 1.5%', 'mailpoet'),
},
},
unsubscribed: {
badgeRanges: [0.7, 0.3, 0],
badgeTypes: ['critical', 'good', 'excellent'],
tooltipText: {
// translators: Excellent unsubscribe rate
excellent: __('Below 0.3%', 'mailpoet'),
// translators: Good unsubscribe rate
good: __('between 0.3% and 0.7%', 'mailpoet'),
// translators: Critical unsubscribe rate
critical: __('above 0.7%', 'mailpoet'),
},
},
};
const badgeType = getBadgeType(props.stat, props.rate);
const badgeType = getBadgeType(stats[props.stat], props.rate);
const badge = badges[badgeType] || null;
if (!badge) {
return null;