From a0a6f6a909b3386c239d5621c1f712ee4facb473 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 23 Apr 2020 13:49:35 +0200
Subject: [PATCH] Add subscribers count to dynamic segments listings

[MAILPOET-2832]
---
 assets/js/src/segments/dynamic_segments_list.jsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/assets/js/src/segments/dynamic_segments_list.jsx b/assets/js/src/segments/dynamic_segments_list.jsx
index 3052e5896f..1ffc2fde83 100644
--- a/assets/js/src/segments/dynamic_segments_list.jsx
+++ b/assets/js/src/segments/dynamic_segments_list.jsx
@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom';
 import MailPoet from 'mailpoet';
 import Listing from 'listing/listing.jsx';
 import PropTypes from 'prop-types';
+import HelpTooltip from 'help-tooltip.jsx';
 import Tabs from './tabs';
 
 const columns = [
@@ -124,6 +125,18 @@ function DynamicSegmentList(props) {
         <Link className="page-title-action" to="/new-segment" data-automation-id="new-segment">{MailPoet.I18n.t('newSegment')}</Link>
       </h1>
 
+      {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