Display number of subscribers in plan on list page

[MAILPOET-2832]

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

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'),