diff --git a/assets/js/src/newsletters/listings/notices.jsx b/assets/js/src/newsletters/listings/notices.jsx
new file mode 100644
index 0000000000..ea4288113d
--- /dev/null
+++ b/assets/js/src/newsletters/listings/notices.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+import MailPoet from "mailpoet";
+
+import { MailerMixin } from 'newsletters/listings/mixins.jsx'
+
+const mailer_log = window.mailpoet_settings.mta_log;
+const mailer_config = window.mailpoet_settings.mta;
+
+const ListingNotices = React.createClass({
+  mixins: [MailerMixin],
+  render() {
+    // display sending error
+    if (mailer_log.error) {
+      console.log(mailer_log.error.action);
+      let mailer_error_notice = null;
+      if (mailer_log.error.operation === 'send') {
+        mailer_error_notice =
+          MailPoet.I18n.t('mailerSendErrorNotice')
+            .replace('%$1s', mailer_config.method)
+            .replace('%$2s', mailer_log.error.error_message);
+      } else {
+        mailer_error_notice =
+          MailPoet.I18n.t('mailerConnectionErrorNotice')
+            .replace('%$1s', mailer_log.error.error_message);
+      }
+      return (
+        <div className="mailpoet_notice mailpoet_sending_status error">
+          <p>{ mailer_error_notice }</p>
+          <p>{ MailPoet.I18n.t('mailerResumeSendingNotice') }</p>
+          <p>
+            <a href="javascript:;"
+               className="button"
+               onClick={ this.resumeSending }> { MailPoet.I18n.t("mailerResumeSendingButton") } </a>
+          </p>
+        </div>
+      )
+    }
+    return null;
+  }
+});
+
+module.exports = ListingNotices;
\ No newline at end of file