diff --git a/assets/js/src/notices/mailer_status_notice.jsx b/assets/js/src/notices/mailer_status_notice.jsx
new file mode 100644
index 0000000000..38b11aa767
--- /dev/null
+++ b/assets/js/src/notices/mailer_status_notice.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Notice from 'notices/notice.jsx';
+
+const MailerStatusNotice = ({ error }) => {
+  if (!error || error.operation !== 'authorization') return null;
+  return <Notice type="error" timeout={false}><p>{error.error_message}</p></Notice>;
+};
+MailerStatusNotice.propTypes = {
+  error: PropTypes.shape({
+    operation: PropTypes.string,
+    error_message: PropTypes.string,
+  }),
+};
+MailerStatusNotice.defaultProps = {
+  error: null,
+};
+
+export default MailerStatusNotice;