diff --git a/assets/js/src/newsletters/sending_status.jsx b/assets/js/src/newsletters/sending_status.jsx
index 454e92ff63..b8236233eb 100644
--- a/assets/js/src/newsletters/sending_status.jsx
+++ b/assets/js/src/newsletters/sending_status.jsx
@@ -9,10 +9,7 @@ import { CronMixin, MailerMixin } from 'newsletters/listings/mixins.jsx';
const SendingStatus = props => {
const newsletterId = props.match.params.id;
- const [state, setState] = React.useState({
- error: null,
- newsletterSubject: null,
- });
+ const [newsletterSubject, setNewsletterSubject] = React.useState('');
React.useEffect(() => {
MailPoet.Ajax.post({
@@ -23,26 +20,24 @@ const SendingStatus = props => {
id: newsletterId,
},
})
- .done(res => setState({
- error: null,
- newsletterSubject: res.data.subject,
- }))
- .fail(() => setState({
- newsletterSubject: null,
- error: 'loadingNewsletterError',
- }));
+ .done(res => setNewsletterSubject(res.data.subject))
+ .fail((res) => {
+ setNewsletterSubject('');
+ MailPoet.Notice.error(
+ res.errors.map(error => error.message),
+ { scroll: true }
+ );
+ });
}, [newsletterId]);
- const {error, newsletterSubject} = state;
return (
{MailPoet.I18n.t('sendingStatusTitle')}
-
{ MailPoet.I18n.t(error) }
-