From 4902ab508f7771ccf9c408b91a54a2b48ca2c8ab Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 23 Apr 2020 11:33:34 +0200
Subject: [PATCH] Display number of subscribers in plan on list page

[MAILPOET-2832]
---
 assets/js/src/segments/list.jsx | 13 +++++++++++++
 views/segments.html             |  3 +++
 2 files changed, 16 insertions(+)

diff --git a/assets/js/src/segments/list.jsx b/assets/js/src/segments/list.jsx
index 93d2f3934f..be679c426d 100644
--- a/assets/js/src/segments/list.jsx
+++ b/assets/js/src/segments/list.jsx
@@ -4,6 +4,7 @@ import MailPoet from 'mailpoet';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 
+import HelpTooltip from 'help-tooltip.jsx';
 import Listing from 'listing/listing.jsx';
 import SubscribersLimitNotice from 'notices/subscribers_limit_notice.jsx';
 import InvalidMssKeyNotice from '../notices/invalid_mss_key_notice';
@@ -308,6 +309,18 @@ class SegmentList extends React.Component {
           subscribersCount={window.mailpoet_subscribers_count}
         />
 
+        {window.mailpoet_subscribers_limit && (
+          <h3>
+            {MailPoet.I18n.t('subscribersInPlan')
+              .replace('%$1d', window.mailpoet_subscribers_limit.toLocaleString())}
+            {' '}
+            <HelpTooltip
+              tooltip={MailPoet.I18n.t('subscribersInPlanTooltip')}
+              place="right"
+            />
+          </h3>
+        )}
+
         <Tabs />
 
         <Listing
diff --git a/views/segments.html b/views/segments.html
index 013379b27d..88b98b7162 100644
--- a/views/segments.html
+++ b/views/segments.html
@@ -98,6 +98,9 @@
     'segmentDescriptionTip': __('This text box is for your own use and is never shown to your subscribers.'),
     'backToList': __('Back'),
 
+    'subscribersInPlan': __('%$1d subscribers in your plan'),
+    'subscribersInPlanTooltip': __('This is the total of subscribed, unconfirmed and inactive subscribers. The count excludes unsubscribed and bounced (invalid) email addresses.'),
+
     'pageTitleSegments': __('Segments'),
     'formPageTitle': __('Segment'),
     'formSegmentTitle': __('Segment'),