Prevent displaying notice if no plan active

[MAILPOET-2832]

assets/js/src/common/subscribers_limit.tsx

@@ -4,10 +4,12 @@ import HelpTooltip from 'help-tooltip.jsx';
 
 type Props = {
   subscribersLimit: number | false,
+  hasValidApiKey: boolean,
 };
 
-const SubscribersLimit = ({ subscribersLimit }: Props) => {
+const SubscribersLimit = ({ subscribersLimit, hasValidApiKey }: Props) => {
   if (!subscribersLimit) return null;
+  if (!hasValidApiKey) return null;
   return (
     <h3>
       {MailPoet.I18n.t('subscribersInPlan')

assets/js/src/segments/list.jsx

@@ -309,7 +309,10 @@ class SegmentList extends React.Component {
           subscribersCount={window.mailpoet_subscribers_count}
         />
 
-        <SubscribersLimit subscribersLimit={window.mailpoet_subscribers_limit} />
+        <SubscribersLimit
+          subscribersLimit={window.mailpoet_subscribers_limit}
+          hasValidApiKey={window.mailpoet_has_valid_api_key}
+        />
 
         <Tabs />
 

assets/js/src/subscribers/list.jsx

@@ -377,7 +377,10 @@ class SubscriberList extends React.Component {
           </a>
         </h1>
 
-        <SubscribersLimit subscribersLimit={window.mailpoet_subscribers_limit} />
+        <SubscribersLimit
+          subscribersLimit={window.mailpoet_subscribers_limit}
+          hasValidApiKey={window.mailpoet_has_valid_api_key}
+        />
 
         <SubscribersLimitNotice />
         <InvalidMssKeyNotice