Introduce sending status page

assets/js/src/newsletters/newsletters.jsx

@@ -19,6 +19,7 @@ import NewsletterListStandard from 'newsletters/listings/standard.jsx';
 import NewsletterListWelcome from 'newsletters/listings/welcome.jsx';
 import NewsletterListNotification from 'newsletters/listings/notification.jsx';
 import NewsletterListNotificationHistory from 'newsletters/listings/notification_history.jsx';
+import NewsletterSendingStatus from 'newsletters/sending_status.jsx';
 
 class App extends React.Component {
   render() {
@@ -98,6 +99,10 @@ if (container) {
       path: '/send/:id',
       component: NewsletterSend,
     },
+    {
+      path: '/sending-status/:id',
+      component: NewsletterSendingStatus,
+    },
   ];
 
   routes = Hooks.applyFilters('mailpoet_newsletters_before_router', [...routes, ...getAutomaticEmailsRoutes()]);

assets/js/src/newsletters/sending_status.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import MailPoet from 'mailpoet';
+import PropTypes from 'prop-types';
+
+const SendingStatus = props => {
+  const newsletterId = props.match.params.id
+  return <h1>{MailPoet.I18n.t('sendingStatusTitle')}</h1>
+}
+
+export default SendingStatus