From e694438033b6e7fe5b3e2c93fa30e1b84bb394c2 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Wed, 23 Jan 2019 09:47:58 +0100
Subject: [PATCH] Auto fix broken rules

---
 .../src/announcements/in_app_announcement.jsx | 12 +--
 assets/js/src/common/confirm_alert.jsx        | 12 ++-
 assets/js/src/common/key_value_table.jsx      |  5 +-
 assets/js/src/common/loading.jsx              |  2 +
 assets/js/src/common/print_boolean.jsx        |  6 +-
 assets/js/src/common/thumbnail.jsx            | 99 +++++++++----------
 assets/js/src/form/fields/date.jsx            | 68 ++++++++-----
 assets/js/src/form/fields/select.jsx          | 15 ++-
 assets/js/src/form/fields/selection.jsx       | 20 ++--
 assets/js/src/form/fields/text.jsx            |  4 +-
 assets/js/src/forms/list.jsx                  | 12 ++-
 assets/js/src/help-tooltip.jsx                | 20 ++--
 assets/js/src/help/cron_status.jsx            |  2 +-
 assets/js/src/help/help.jsx                   |  4 +-
 assets/js/src/help/queue_status.jsx           |  2 +-
 assets/js/src/help/system_info.jsx            | 20 ++--
 assets/js/src/help/system_status.jsx          |  6 +-
 assets/js/src/help/tabs.jsx                   |  4 +-
 assets/js/src/help/tasks_list/tasks_list.jsx  |  4 +-
 .../help/tasks_list/tasks_list_data_row.jsx   |  3 +-
 assets/js/src/listing/bulk_actions.jsx        |  4 +-
 assets/js/src/listing/filters.jsx             |  4 +-
 assets/js/src/listing/groups.jsx              |  6 +-
 assets/js/src/listing/listing_column.jsx      |  4 +-
 assets/js/src/listing/listing_item.jsx        | 18 +++-
 assets/js/src/listing/listing_items.jsx       | 13 ++-
 assets/js/src/listing/pages.jsx               | 15 +--
 assets/js/src/newsletters/badges/stats.jsx    |  5 +-
 assets/js/src/newsletters/listings/mixins.jsx | 76 +++++++++-----
 .../src/newsletters/listings/notification.jsx | 12 ++-
 .../listings/notification_history.jsx         |  8 +-
 .../js/src/newsletters/listings/standard.jsx  |  4 +-
 assets/js/src/newsletters/listings/tabs.jsx   |  7 +-
 .../js/src/newsletters/listings/welcome.jsx   |  8 +-
 assets/js/src/newsletters/newsletters.jsx     |  4 +-
 .../js/src/newsletters/scheduling/common.jsx  |  4 +-
 assets/js/src/newsletters/send.jsx            | 40 ++++----
 .../send/congratulate/congratulate.jsx        | 38 ++++---
 .../newsletters/send/congratulate/fail.jsx    |  4 +-
 .../newsletters/send/congratulate/success.jsx | 14 +--
 .../js/src/newsletters/send/notification.jsx  |  1 -
 assets/js/src/newsletters/send/standard.jsx   |  4 +-
 .../newsletters/templates/import_template.jsx |  7 +-
 assets/js/src/newsletters/templates/tabs.jsx  | 16 +--
 .../newsletters/templates/template_box.jsx    | 20 +++-
 assets/js/src/newsletters/types.jsx           |  9 +-
 .../types/automatic_emails/event.jsx          |  6 +-
 .../types/automatic_emails/events_list.jsx    |  3 +-
 .../types/notification/notification.jsx       |  1 -
 .../types/notification/scheduling.jsx         |  4 +
 assets/js/src/newsletters/types/standard.jsx  |  1 -
 .../newsletters/types/welcome/scheduling.jsx  |  4 +
 assets/js/src/poll.jsx                        |  6 +-
 assets/js/src/segments/list.jsx               | 12 ++-
 .../settings/new_subscriber_announcement.jsx  |  3 +-
 assets/js/src/subscribers/form.jsx            |  8 +-
 assets/js/src/subscribers/list.jsx            | 30 ++++--
 assets/js/src/welcome_wizard/header.jsx       |  4 +-
 .../src/welcome_wizard/steps/sender_step.jsx  |  6 +-
 .../steps/usage_tracking_step.jsx             |  4 +-
 .../src/welcome_wizard/steps_controller.jsx   | 82 ++++++++-------
 assets/js/src/welcome_wizard/wizard.jsx       |  2 +-
 62 files changed, 516 insertions(+), 325 deletions(-)

diff --git a/assets/js/src/announcements/in_app_announcement.jsx b/assets/js/src/announcements/in_app_announcement.jsx
index 6c4b723b8c..81910dc5a9 100644
--- a/assets/js/src/announcements/in_app_announcement.jsx
+++ b/assets/js/src/announcements/in_app_announcement.jsx
@@ -25,8 +25,8 @@ class InAppAnnouncement extends React.Component {
   }
 
   render() {
-    if (this.props.showToNewUser !== null &&
-      window.mailpoet_is_new_user !== this.props.showToNewUser
+    if (this.props.showToNewUser !== null
+      && window.mailpoet_is_new_user !== this.props.showToNewUser
     ) {
       return null;
     }
@@ -37,14 +37,14 @@ class InAppAnnouncement extends React.Component {
       return null;
     }
 
-    if (this.props.showToPremiumUser !== null &&
-      window.mailpoet_premium_active !== this.props.showToPremiumUser
+    if (this.props.showToPremiumUser !== null
+      && window.mailpoet_premium_active !== this.props.showToPremiumUser
     ) {
       return null;
     }
 
-    if (this.props.showOnlyOnceSlug &&
-      this.state.announcementsSettings.displayed.includes(this.props.showOnlyOnceSlug)
+    if (this.props.showOnlyOnceSlug
+      && this.state.announcementsSettings.displayed.includes(this.props.showOnlyOnceSlug)
     ) {
       return null;
     }
diff --git a/assets/js/src/common/confirm_alert.jsx b/assets/js/src/common/confirm_alert.jsx
index 0a9b8cc1ec..a440701a13 100644
--- a/assets/js/src/common/confirm_alert.jsx
+++ b/assets/js/src/common/confirm_alert.jsx
@@ -39,17 +39,22 @@ class ConfirmAlert extends React.Component {
   }
 
   render() {
-    const { title, message, confirmLabel, cancelLabel } = this.props;
+    const {
+      title, message, confirmLabel, cancelLabel,
+    } = this.props;
 
-    return (this.state.show &&
+    return (this.state.show
+      && (
       <div className="mailpoet_modal_overlay">
         <div className="mailpoet_popup" tabIndex="-1">
           <div className="mailpoet_popup_wrapper">
             <button className="mailpoet_modal_close" onClick={this.onClose} />
-            {title &&
+            {title
+              && (
               <div className="mailpoet_popup_title">
                 <h2>{title}</h2>
               </div>
+              )
             }
             <div className="mailpoet_popup_body clearfix">
               <p className="mailpoet_hp_email_label">{message}</p>
@@ -63,6 +68,7 @@ class ConfirmAlert extends React.Component {
           </div>
         </div>
       </div>
+      )
     );
   }
 }
diff --git a/assets/js/src/common/key_value_table.jsx b/assets/js/src/common/key_value_table.jsx
index 1010b512e3..94ae2af000 100644
--- a/assets/js/src/common/key_value_table.jsx
+++ b/assets/js/src/common/key_value_table.jsx
@@ -2,11 +2,12 @@ import PropTypes from 'prop-types';
 import React from 'react';
 
 const KeyValueTable = props => (
-  <table className={'widefat fixed'} style={{ maxWidth: props.max_width }}>
+  <table className="widefat fixed" style={{ maxWidth: props.max_width }}>
     <tbody>
       {props.rows.map(row => (
         <tr key={`row_${row.key}`}>
-          <td className={'row-title'}>{ row.key }</td><td>{ row.value }</td>
+          <td className="row-title">{ row.key }</td>
+          <td>{ row.value }</td>
         </tr>
       ))}
     </tbody>
diff --git a/assets/js/src/common/loading.jsx b/assets/js/src/common/loading.jsx
index bdde3da874..29daf8dbfb 100644
--- a/assets/js/src/common/loading.jsx
+++ b/assets/js/src/common/loading.jsx
@@ -5,9 +5,11 @@ class Loading extends React.Component {
   componentWillMount() {
     MailPoet.Modal.loading(true);
   }
+
   componentWillUnmount() {
     MailPoet.Modal.loading(false);
   }
+
   render() {
     return null;
   }
diff --git a/assets/js/src/common/print_boolean.jsx b/assets/js/src/common/print_boolean.jsx
index 9c050cc335..eb7cd0c432 100644
--- a/assets/js/src/common/print_boolean.jsx
+++ b/assets/js/src/common/print_boolean.jsx
@@ -4,9 +4,9 @@ import MailPoet from 'mailpoet';
 
 const PrintBoolean = props => (
   <span>
-    {(props.children === true && props.truthy) ||
-      (props.children === false && props.falsy) ||
-      (props.unknown)}
+    {(props.children === true && props.truthy)
+      || (props.children === false && props.falsy)
+      || (props.unknown)}
   </span>
 );
 
diff --git a/assets/js/src/common/thumbnail.jsx b/assets/js/src/common/thumbnail.jsx
index 8ce2e923fd..40a43d92ce 100644
--- a/assets/js/src/common/thumbnail.jsx
+++ b/assets/js/src/common/thumbnail.jsx
@@ -8,10 +8,9 @@ import html2canvas from 'html2canvas';
  * @param  {DOMElement}      element
  * @return {Promise<String>} DataURL of the generated image.
  */
-export const fromDom = element =>
-  html2canvas(element, {
-    logging: false,
-  }).then(canvas => canvas.toDataURL('image/jpeg'));
+export const fromDom = element => html2canvas(element, {
+  logging: false,
+}).then(canvas => canvas.toDataURL('image/jpeg'));
 
 /**
  * Generates a thumbnail from an URL.
@@ -19,37 +18,36 @@ export const fromDom = element =>
  * @param  {String}        url
  * @return {Promise<String>} DataURL of the generated image.
  */
-export const fromUrl = url =>
-  new Promise((resolve, reject) => {
-    const iframe = document.createElement('iframe');
-    const protocol = location.href.startsWith('https://') ? 'https:' : 'http:';
-    iframe.src = protocol + url.replace(/^https?:/, '');
-    iframe.style.opacity = 0;
-    iframe.scrolling = 'no';
-    iframe.onload = () => {
-      fromDom(iframe.contentDocument.documentElement)
-        .then((image) => {
-          document.body.removeChild(iframe);
-          resolve(image);
-        })
-        .catch(() => {
-          document.body.removeChild(iframe);
-          reject(MailPoet.I18n.t('errorWhileTakingScreenshot'));
-        });
-    };
-    const onError = () => {
-      document.body.removeChild(iframe);
-      reject(MailPoet.I18n.t('errorWhileTakingScreenshot'));
-    };
-    iframe.onerror = onError;
-    iframe.onError = onError;
-    iframe.className = 'mailpoet_template_iframe';
-    try {
-      document.body.appendChild(iframe);
-    } catch (err) {
-      onError();
-    }
-  });
+export const fromUrl = url => new Promise((resolve, reject) => {
+  const iframe = document.createElement('iframe');
+  const protocol = location.href.startsWith('https://') ? 'https:' : 'http:';
+  iframe.src = protocol + url.replace(/^https?:/, '');
+  iframe.style.opacity = 0;
+  iframe.scrolling = 'no';
+  iframe.onload = () => {
+    fromDom(iframe.contentDocument.documentElement)
+      .then((image) => {
+        document.body.removeChild(iframe);
+        resolve(image);
+      })
+      .catch(() => {
+        document.body.removeChild(iframe);
+        reject(MailPoet.I18n.t('errorWhileTakingScreenshot'));
+      });
+  };
+  const onError = () => {
+    document.body.removeChild(iframe);
+    reject(MailPoet.I18n.t('errorWhileTakingScreenshot'));
+  };
+  iframe.onerror = onError;
+  iframe.onError = onError;
+  iframe.className = 'mailpoet_template_iframe';
+  try {
+    document.body.appendChild(iframe);
+  } catch (err) {
+    onError();
+  }
+});
 
 /**
  * Generates a thumbnail from a newsletter's data.
@@ -57,20 +55,17 @@ export const fromUrl = url =>
  * @param  {Object}        data
  * @return {Promise<String>} DataURL of the generated image.
  */
-export const fromNewsletter = data =>
-  new Promise((resolve, reject) => {
-    const json = data;
-    if (!_.isUndefined(json.body)) {
-      json.body = JSON.stringify(json.body);
-    }
-    MailPoet.Ajax.post({
-      api_version: window.mailpoet_api_version,
-      endpoint: 'newsletters',
-      action: 'showPreview',
-      data: json,
-    }).done(response => fromUrl(response.meta.preview_url)
-      .then(resolve)
-      .catch(reject)
-    ).fail(response => reject(response.errors));
-  });
-
+export const fromNewsletter = data => new Promise((resolve, reject) => {
+  const json = data;
+  if (!_.isUndefined(json.body)) {
+    json.body = JSON.stringify(json.body);
+  }
+  MailPoet.Ajax.post({
+    api_version: window.mailpoet_api_version,
+    endpoint: 'newsletters',
+    action: 'showPreview',
+    data: json,
+  }).done(response => fromUrl(response.meta.preview_url)
+    .then(resolve)
+    .catch(reject)).fail(response => reject(response.errors));
+});
diff --git a/assets/js/src/form/fields/date.jsx b/assets/js/src/form/fields/date.jsx
index a2ccd1d6f4..417e93c6e9 100644
--- a/assets/js/src/form/fields/date.jsx
+++ b/assets/js/src/form/fields/date.jsx
@@ -18,7 +18,9 @@ function FormFieldDateYear(props) {
       <option
         key={i}
         value={i}
-      >{ i }</option>
+      >
+        { i }
+      </option>
     ));
   }
   return (
@@ -56,7 +58,9 @@ function FormFieldDateMonth(props) {
       <option
         key={i}
         value={i}
-      >{ props.monthNames[i - 1] }</option>
+      >
+        { props.monthNames[i - 1] }
+      </option>
     ));
   }
   return (
@@ -95,7 +99,9 @@ function FormFieldDateDay(props) {
       <option
         key={i}
         value={i}
-      >{ i }</option>
+      >
+        { i }
+      </option>
     ));
   }
 
@@ -131,9 +137,11 @@ class FormFieldDate extends React.Component {
 
     this.onValueChange = this.onValueChange.bind(this);
   }
+
   componentDidMount() {
     this.extractDateParts();
   }
+
   componentDidUpdate(prevProps) {
     if (
       (this.props.item !== undefined && prevProps.item !== undefined)
@@ -142,6 +150,7 @@ class FormFieldDate extends React.Component {
       this.extractDateParts();
     }
   }
+
   onValueChange(e) {
     // extract property from name
     const matches = e.target.name.match(/(.*?)\[(.*?)\]/);
@@ -166,6 +175,7 @@ class FormFieldDate extends React.Component {
       });
     }
   }
+
   formatValue() {
     const dateType = this.props.field.params.date_type;
 
@@ -207,6 +217,7 @@ class FormFieldDate extends React.Component {
 
     return value;
   }
+
   extractDateParts() {
     const value = (this.props.item[this.props.field.name] !== undefined)
       ? this.props.item[this.props.field.name].trim()
@@ -224,6 +235,7 @@ class FormFieldDate extends React.Component {
       day: dateTime.format('D'),
     });
   }
+
   render() {
     const monthNames = window.mailpoet_month_names || [];
     const dateFormats = window.mailpoet_date_formats || {};
@@ -233,32 +245,38 @@ class FormFieldDate extends React.Component {
     const fields = dateSelects.map((type) => {
       switch (type) {
         case 'YYYY':
-          return (<FormFieldDateYear
-            onValueChange={this.onValueChange}
-            key={'year'}
-            name={this.props.field.name}
-            year={this.state.year}
-            placeholder={this.props.field.year_placeholder}
-          />);
+          return (
+            <FormFieldDateYear
+              onValueChange={this.onValueChange}
+              key="year"
+              name={this.props.field.name}
+              year={this.state.year}
+              placeholder={this.props.field.year_placeholder}
+            />
+          );
 
         case 'MM':
-          return (<FormFieldDateMonth
-            onValueChange={this.onValueChange}
-            key={'month'}
-            name={this.props.field.name}
-            month={this.state.month}
-            monthNames={monthNames}
-            placeholder={this.props.field.month_placeholder}
-          />);
+          return (
+            <FormFieldDateMonth
+              onValueChange={this.onValueChange}
+              key="month"
+              name={this.props.field.name}
+              month={this.state.month}
+              monthNames={monthNames}
+              placeholder={this.props.field.month_placeholder}
+            />
+          );
 
         case 'DD':
-          return (<FormFieldDateDay
-            onValueChange={this.onValueChange}
-            key={'day'}
-            name={this.props.field.name}
-            day={this.state.day}
-            placeholder={this.props.field.day_placeholder}
-          />);
+          return (
+            <FormFieldDateDay
+              onValueChange={this.onValueChange}
+              key="day"
+              name={this.props.field.name}
+              day={this.state.day}
+              placeholder={this.props.field.day_placeholder}
+            />
+          );
 
         default:
           return <div>Invalid date type</div>;
diff --git a/assets/js/src/form/fields/select.jsx b/assets/js/src/form/fields/select.jsx
index 3a365543d4..fb3020f904 100644
--- a/assets/js/src/form/fields/select.jsx
+++ b/assets/js/src/form/fields/select.jsx
@@ -30,14 +30,13 @@ class FormFieldSelect extends React.Component {
     if (sortBy) {
       // Extract keys from sorted [key, value] select value pairs, sorted by
       // provided sorting order.
-      keys =
-        _.map(
-          _.sortBy(
-            _.pairs(this.props.field.values),
-            item => sortBy(item[0], item[1])
-          ),
-          item => item[0]
-        );
+      keys = _.map(
+        _.sortBy(
+          _.pairs(this.props.field.values),
+          item => sortBy(item[0], item[1])
+        ),
+        item => item[0]
+      );
     } else {
       keys = Object.keys(this.props.field.values);
     }
diff --git a/assets/js/src/form/fields/selection.jsx b/assets/js/src/form/fields/selection.jsx
index 434e514f9a..cecee9245f 100644
--- a/assets/js/src/form/fields/selection.jsx
+++ b/assets/js/src/form/fields/selection.jsx
@@ -10,6 +10,7 @@ class Selection extends React.Component {
     super(props);
     this.selectRef = React.createRef();
   }
+
   componentDidMount() {
     if (this.isSelect2Component()) {
       this.setupSelect2();
@@ -25,9 +26,9 @@ class Selection extends React.Component {
         .trigger('change');
     }
 
-    if (this.isSelect2Initialized() &&
-      (this.getFieldId(this.props) !== this.getFieldId(prevProps)) &&
-      this.props.field.resetSelect2OnUpdate !== undefined
+    if (this.isSelect2Initialized()
+      && (this.getFieldId(this.props) !== this.getFieldId(prevProps))
+      && this.props.field.resetSelect2OnUpdate !== undefined
     ) {
       this.resetSelect2();
     }
@@ -47,7 +48,7 @@ class Selection extends React.Component {
   getSelectedValues = () => {
     if (this.props.field.selected !== undefined) {
       return this.props.field.selected(this.props.item);
-    } else if (this.props.item !== undefined && this.props.field.name !== undefined) {
+    } if (this.props.item !== undefined && this.props.field.name !== undefined) {
       if (this.allowMultipleValues()) {
         if (_.isArray(this.props.item[this.props.field.name])) {
           return this.props.item[this.props.field.name].map(item => item.id);
@@ -112,7 +113,7 @@ class Selection extends React.Component {
       templateResult: function templateResult(item) {
         if (item.element && item.element.selected) {
           return null;
-        } else if (item.title) {
+        } if (item.title) {
           return item.title;
         }
         return item.text;
@@ -140,11 +141,10 @@ class Selection extends React.Component {
             };
           },
           processResults: function processResults(response) {
-            return { results: (!_.has(response, 'data')) ?
-              [] :
-              response.data.map(item =>
-                ({ id: item.id || item.value, text: item.name || item.text })
-              ),
+            return {
+              results: (!_.has(response, 'data'))
+                ? []
+                : response.data.map(item => ({ id: item.id || item.value, text: item.name || item.text })),
             };
           },
         },
diff --git a/assets/js/src/form/fields/text.jsx b/assets/js/src/form/fields/text.jsx
index 3df5be92b3..1323c81761 100644
--- a/assets/js/src/form/fields/text.jsx
+++ b/assets/js/src/form/fields/text.jsx
@@ -11,8 +11,8 @@ class FormFieldText extends React.Component { // eslint-disable-line react/prefe
     if (this.props.onValueChange instanceof Function) {
       value = item[this.props.field.name];
       // set value to defaultValue if available
-      value = (value === undefined) ?
-        (this.props.field.defaultValue || '') : value;
+      value = (value === undefined)
+        ? (this.props.field.defaultValue || '') : value;
     }
     // defaultValue should only be set only when value is not set
     if (!value && this.props.field.defaultValue) {
diff --git a/assets/js/src/forms/list.jsx b/assets/js/src/forms/list.jsx
index ff18dd9e77..40c29dd48c 100644
--- a/assets/js/src/forms/list.jsx
+++ b/assets/js/src/forms/list.jsx
@@ -164,7 +164,9 @@ class FormList extends React.Component {
             <a
               className="row-title"
               href={`admin.php?page=mailpoet-form-editor&id=${form.id}`}
-            >{ form.name }</a>
+            >
+              { form.name }
+            </a>
           </strong>
           { actions }
         </td>
@@ -185,12 +187,16 @@ class FormList extends React.Component {
     return (
       <div>
         <h1 className="title">
-          {MailPoet.I18n.t('pageTitle')} <a
+          {MailPoet.I18n.t('pageTitle')}
+          {' '}
+          <a
             className="page-title-action"
             href="javascript:;"
             onClick={this.createForm}
             data-automation-id="create_new_form"
-          >{MailPoet.I18n.t('new')}</a>
+          >
+            {MailPoet.I18n.t('new')}
+          </a>
         </h1>
 
         <Listing
diff --git a/assets/js/src/help-tooltip.jsx b/assets/js/src/help-tooltip.jsx
index e6f145c424..7aa7023c2f 100644
--- a/assets/js/src/help-tooltip.jsx
+++ b/assets/js/src/help-tooltip.jsx
@@ -12,15 +12,17 @@ function Tooltip(props) {
   }
 
   if (typeof props.tooltip === 'string') {
-    tooltip = (<span
-      style={{
-        pointerEvents: 'all',
-        maxWidth: '400px',
-        display: 'inline-block',
-      }}
-    >
-      {ReactHtmlParser(props.tooltip)}
-    </span>);
+    tooltip = (
+      <span
+        style={{
+          pointerEvents: 'all',
+          maxWidth: '400px',
+          display: 'inline-block',
+        }}
+      >
+        {ReactHtmlParser(props.tooltip)}
+      </span>
+    );
   }
 
   return (
diff --git a/assets/js/src/help/cron_status.jsx b/assets/js/src/help/cron_status.jsx
index 3192f89c5f..1b73af6d96 100644
--- a/assets/js/src/help/cron_status.jsx
+++ b/assets/js/src/help/cron_status.jsx
@@ -14,7 +14,7 @@ const CronStatus = (props) => {
     <div>
       <h2>{MailPoet.I18n.t('systemStatusCronStatusTitle')}</h2>
       <KeyValueTable
-        max_width={'400px'}
+        max_width="400px"
         rows={[
           {
             key: MailPoet.I18n.t('accessible'),
diff --git a/assets/js/src/help/help.jsx b/assets/js/src/help/help.jsx
index 355b41c584..794d520cfd 100644
--- a/assets/js/src/help/help.jsx
+++ b/assets/js/src/help/help.jsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { HashRouter, Route, Redirect, Switch } from 'react-router-dom';
+import {
+  HashRouter, Route, Redirect, Switch,
+} from 'react-router-dom';
 
 import KnowledgeBase from 'help/knowledge_base.jsx';
 import SystemInfo from 'help/system_info.jsx';
diff --git a/assets/js/src/help/queue_status.jsx b/assets/js/src/help/queue_status.jsx
index 30e09a75aa..63f3543247 100644
--- a/assets/js/src/help/queue_status.jsx
+++ b/assets/js/src/help/queue_status.jsx
@@ -11,7 +11,7 @@ const QueueStatus = (props) => {
     <div>
       <h2>{MailPoet.I18n.t('systemStatusQueueTitle')}</h2>
       <KeyValueTable
-        max_width={'400px'}
+        max_width="400px"
         rows={[
           {
             key: MailPoet.I18n.t('status'),
diff --git a/assets/js/src/help/system_info.jsx b/assets/js/src/help/system_info.jsx
index 917bad196c..d33bc4d631 100644
--- a/assets/js/src/help/system_info.jsx
+++ b/assets/js/src/help/system_info.jsx
@@ -11,15 +11,17 @@ function printData(data) {
   if (_.isObject(data)) {
     const printableData = Object.keys(data).map(key => `${key}: ${data[key]}`);
 
-    return (<textarea
-      readOnly
-      onFocus={handleFocus}
-      value={printableData.join('\n')}
-      style={{
-        width: '100%',
-        height: '400px',
-      }}
-    />);
+    return (
+      <textarea
+        readOnly
+        onFocus={handleFocus}
+        value={printableData.join('\n')}
+        style={{
+          width: '100%',
+          height: '400px',
+        }}
+      />
+    );
   }
   return (<p>{MailPoet.I18n.t('systemInfoDataError')}</p>);
 }
diff --git a/assets/js/src/help/system_status.jsx b/assets/js/src/help/system_status.jsx
index 6ca7e99b67..338e9d1756 100644
--- a/assets/js/src/help/system_status.jsx
+++ b/assets/js/src/help/system_status.jsx
@@ -7,9 +7,9 @@ import Tabs from './tabs.jsx';
 
 function renderStatusMessage(status, error, link) {
   const noticeType = (status) ? 'success' : 'error';
-  let noticeMessage = (status) ?
-    MailPoet.I18n.t('systemStatusConnectionSuccessful') :
-    `${MailPoet.I18n.t('systemStatusConnectionUnsuccessful')} ${error}`;
+  let noticeMessage = (status)
+    ? MailPoet.I18n.t('systemStatusConnectionSuccessful')
+    : `${MailPoet.I18n.t('systemStatusConnectionUnsuccessful')} ${error}`;
 
   if (link) {
     noticeMessage = ReactStringReplace(
diff --git a/assets/js/src/help/tabs.jsx b/assets/js/src/help/tabs.jsx
index 297f38a606..4b9b271fa1 100644
--- a/assets/js/src/help/tabs.jsx
+++ b/assets/js/src/help/tabs.jsx
@@ -39,7 +39,9 @@ function Tabs(props) {
         key={`tab-${tab.name}`}
         className={tabClasses}
         to={tab.link}
-      >{ tab.label }</Link>
+      >
+        { tab.label }
+      </Link>
     );
   });
 
diff --git a/assets/js/src/help/tasks_list/tasks_list.jsx b/assets/js/src/help/tasks_list/tasks_list.jsx
index d179b7282c..b1d0cd2713 100644
--- a/assets/js/src/help/tasks_list/tasks_list.jsx
+++ b/assets/js/src/help/tasks_list/tasks_list.jsx
@@ -17,8 +17,8 @@ const TasksList = (props) => {
               key={task.id}
               task={task}
               show_scheduled_at={props.show_scheduled_at}
-            />)
-          ) : (
+            />
+          )) : (
             <tr className="no-items">
               <td colSpan={colsCount}>{MailPoet.I18n.t('nothingToShow')}</td>
             </tr>
diff --git a/assets/js/src/help/tasks_list/tasks_list_data_row.jsx b/assets/js/src/help/tasks_list/tasks_list_data_row.jsx
index 322d3a876b..8da9408552 100644
--- a/assets/js/src/help/tasks_list/tasks_list_data_row.jsx
+++ b/assets/js/src/help/tasks_list/tasks_list_data_row.jsx
@@ -19,7 +19,8 @@ const TasksListDataRow = props => (
           target="_blank"
         >
           {props.task.newsletter.subject || MailPoet.I18n.t('preview')}
-        </a>) : MailPoet.I18n.t('none')
+        </a>
+      ) : MailPoet.I18n.t('none')
       }
     </td>
     <td className="column">
diff --git a/assets/js/src/listing/bulk_actions.jsx b/assets/js/src/listing/bulk_actions.jsx
index 5b3e3281a2..4406380792 100644
--- a/assets/js/src/listing/bulk_actions.jsx
+++ b/assets/js/src/listing/bulk_actions.jsx
@@ -104,7 +104,9 @@ class ListingBulkActions extends React.Component {
             <option
               value={action.name}
               key={`action-${action.name}`}
-            >{ action.label }</option>
+            >
+              { action.label }
+            </option>
           )) }
         </select>
         <input
diff --git a/assets/js/src/listing/filters.jsx b/assets/js/src/listing/filters.jsx
index ac97325f98..9b21ba26eb 100644
--- a/assets/js/src/listing/filters.jsx
+++ b/assets/js/src/listing/filters.jsx
@@ -54,7 +54,9 @@ class ListingFilters extends React.Component {
             <option
               value={option.value}
               key={`filter-option-${option.value}`}
-            >{ option.label }</option>
+            >
+              { option.label }
+            </option>
           )) }
         </select>
       ));
diff --git a/assets/js/src/listing/groups.jsx b/assets/js/src/listing/groups.jsx
index 522c8f6b1e..8d0397b243 100644
--- a/assets/js/src/listing/groups.jsx
+++ b/assets/js/src/listing/groups.jsx
@@ -33,7 +33,11 @@ class ListingGroups extends React.Component {
           >
             {group.label}
             &nbsp;
-            <span className="count">({ parseInt(group.count, 10).toLocaleString() })</span>
+            <span className="count">
+(
+              { parseInt(group.count, 10).toLocaleString() }
+)
+            </span>
           </a>
         </li>
       );
diff --git a/assets/js/src/listing/listing_column.jsx b/assets/js/src/listing/listing_column.jsx
index a7effec845..d524b5eb4a 100644
--- a/assets/js/src/listing/listing_column.jsx
+++ b/assets/js/src/listing/listing_column.jsx
@@ -40,7 +40,9 @@ class ListingColumn extends React.Component {
         id={this.props.column.name}
         scope="col"
         width={this.props.column.width || null}
-      >{label}</th>
+      >
+        {label}
+      </th>
     );
   }
 }
diff --git a/assets/js/src/listing/listing_item.jsx b/assets/js/src/listing/listing_item.jsx
index 1875afe833..9e9f0935a9 100644
--- a/assets/js/src/listing/listing_item.jsx
+++ b/assets/js/src/listing/listing_item.jsx
@@ -40,9 +40,11 @@ class ListingItem extends React.Component {
     if (this.props.is_selectable === true) {
       checkbox = (
         <th className="mailpoet-check-column" scope="row">
-          <label className="screen-reader-text" htmlFor={`listing-row-checkbox-${this.props.item.id}`}>{
+          <label className="screen-reader-text" htmlFor={`listing-row-checkbox-${this.props.item.id}`}>
+            {
             `Select ${this.props.item[this.props.columns[0].name]}`
-          }</label>
+          }
+          </label>
           <input
             type="checkbox"
             value={this.props.item.id}
@@ -116,7 +118,9 @@ class ListingItem extends React.Component {
                       ? () => action.onClick(this.props.item, this.props.onRefreshItems)
                       : false
                   }
-                >{ action.label }</a>
+                >
+                  { action.label }
+                </a>
               </span>
             );
           }
@@ -145,7 +149,9 @@ class ListingItem extends React.Component {
               <a
                 href="javascript:;"
                 onClick={() => this.handleRestoreItem(this.props.item.id)}
-              >{MailPoet.I18n.t('restore')}</a>
+              >
+                {MailPoet.I18n.t('restore')}
+              </a>
             </span>
             { ' | ' }
             <span className="delete">
@@ -153,7 +159,9 @@ class ListingItem extends React.Component {
                 className="submitdelete"
                 href="javascript:;"
                 onClick={() => this.handleDeleteItem(this.props.item.id)}
-              >{MailPoet.I18n.t('deletePermanently')}</a>
+              >
+                {MailPoet.I18n.t('deletePermanently')}
+              </a>
             </span>
           </div>
           <button
diff --git a/assets/js/src/listing/listing_items.jsx b/assets/js/src/listing/listing_items.jsx
index 0ff9157255..b793bf667c 100644
--- a/assets/js/src/listing/listing_items.jsx
+++ b/assets/js/src/listing/listing_items.jsx
@@ -36,10 +36,11 @@ class ListingItems extends React.Component { // eslint-disable-line react/prefer
     }
     const selectAllClasses = classNames(
       'mailpoet_select_all',
-      { mailpoet_hidden: (
-        this.props.selection === false
+      {
+        mailpoet_hidden: (
+          this.props.selection === false
             || (this.props.count <= this.props.limit)
-      ),
+        ),
       }
     );
 
@@ -63,11 +64,13 @@ class ListingItems extends React.Component { // eslint-disable-line react/prefer
             <a
               onClick={this.props.onSelectAll}
               href="javascript:;"
-            >{
+            >
+              {
                 (this.props.selection !== 'all')
                   ? MailPoet.I18n.t('selectAllLink')
                   : MailPoet.I18n.t('clearSelection')
-              }</a>
+              }
+            </a>
           </td>
         </tr>
 
diff --git a/assets/js/src/listing/pages.jsx b/assets/js/src/listing/pages.jsx
index 3df4157e33..01ac312aaf 100644
--- a/assets/js/src/listing/pages.jsx
+++ b/assets/js/src/listing/pages.jsx
@@ -26,14 +26,14 @@ class ListingPages extends React.Component {
 
   setPreviousPage = () => {
     this.setPage(this.constrainPage(
-      parseInt(this.props.page, 10) - 1)
-    );
+      parseInt(this.props.page, 10) - 1
+    ));
   };
 
   setNextPage = () => {
     this.setPage(this.constrainPage(
-      parseInt(this.props.page, 10) + 1)
-    );
+      parseInt(this.props.page, 10) + 1
+    ));
   };
 
   getLastPage = () => Math.ceil(this.props.count / this.props.limit);
@@ -142,7 +142,9 @@ class ListingPages extends React.Component {
             <label
               className="screen-reader-text"
               htmlFor="current-page-selector"
-            >{MailPoet.I18n.t('currentPage')}</label>
+            >
+              {MailPoet.I18n.t('currentPage')}
+            </label>
             <input
               type="text"
               onChange={this.handleChangeManualPage}
@@ -155,7 +157,8 @@ class ListingPages extends React.Component {
               id="current-page-selector"
               className="current-page"
             />
-            {MailPoet.I18n.t('pageOutOf')}&nbsp;
+            {MailPoet.I18n.t('pageOutOf')}
+&nbsp;
             <span className="total-pages">
               {Math.ceil(this.props.count / this.props.limit).toLocaleString()}
             </span>
diff --git a/assets/js/src/newsletters/badges/stats.jsx b/assets/js/src/newsletters/badges/stats.jsx
index df1ac039bd..a8abdff2cc 100644
--- a/assets/js/src/newsletters/badges/stats.jsx
+++ b/assets/js/src/newsletters/badges/stats.jsx
@@ -60,6 +60,7 @@ class StatsBadge extends React.Component {
     // rate must be zero at this point
     return stat.badgeTypes[len - 1];
   }
+
   render() {
     const stat = stats[this.props.stat] || null;
     if (!stat) {
@@ -94,7 +95,9 @@ class StatsBadge extends React.Component {
         <div>
           <span className={`mailpoet_stat_${badgeType}`}>
             {this.props.headline}
-          </span> {content}
+          </span>
+          {' '}
+          {content}
         </div>
       );
     }
diff --git a/assets/js/src/newsletters/listings/mixins.jsx b/assets/js/src/newsletters/listings/mixins.jsx
index f29f712206..0586311283 100644
--- a/assets/js/src/newsletters/listings/mixins.jsx
+++ b/assets/js/src/newsletters/listings/mixins.jsx
@@ -56,7 +56,7 @@ const QueueMixin = {
       return (
         <span>{MailPoet.I18n.t('notSentYet')}</span>
       );
-    } else if (mailerLog.status === 'paused' && newsletter.queue.status !== 'completed') {
+    } if (mailerLog.status === 'paused' && newsletter.queue.status !== 'completed') {
       return (
         <span>{MailPoet.I18n.t('paused')}</span>
       );
@@ -64,7 +64,9 @@ const QueueMixin = {
     if (newsletter.queue.status === 'scheduled') {
       return (
         <span>
-          { MailPoet.I18n.t('scheduledFor') } { MailPoet.Date.format(newsletter.queue.scheduled_at) }
+          { MailPoet.I18n.t('scheduledFor') }
+          {' '}
+          { MailPoet.Date.format(newsletter.queue.scheduled_at) }
         </span>
       );
     }
@@ -73,7 +75,7 @@ const QueueMixin = {
       { mailpoet_progress_complete: newsletter.queue.status === 'completed' }
     );
 
-      // calculate percentage done
+    // calculate percentage done
     let percentage = Math.round(
       (newsletter.queue.count_processed * 100) / (newsletter.queue.count_total)
     );
@@ -102,19 +104,27 @@ const QueueMixin = {
           <a
             id={`resume_${newsletter.id}`}
             className="button"
-            style={{ display: (newsletter.queue.status === 'paused')
-              ? 'inline-block' : 'none' }}
+            style={{
+              display: (newsletter.queue.status === 'paused')
+                ? 'inline-block' : 'none',
+            }}
             href="javascript:;"
             onClick={resumeSendingClick}
-          >{MailPoet.I18n.t('resume')}</a>
+          >
+            {MailPoet.I18n.t('resume')}
+          </a>
           <a
             id={`pause_${newsletter.id}`}
             className="button mailpoet_pause"
-            style={{ display: (newsletter.queue.status === null)
-              ? 'inline-block' : 'none' }}
+            style={{
+              display: (newsletter.queue.status === null)
+                ? 'inline-block' : 'none',
+            }}
             href="javascript:;"
             onClick={pauseSendingClick}
-          >{MailPoet.I18n.t('pause')}</a>
+          >
+            {MailPoet.I18n.t('pause')}
+          </a>
         </span>
       );
     }
@@ -225,7 +235,11 @@ const StatisticsMixin = {
       content = (
         <div className="mailpoet_stats_text">
           <div>
-            <span>{ percentageOpenedDisplay }% </span>
+            <span>
+              { percentageOpenedDisplay }
+%
+              {' '}
+            </span>
             <StatsBadge
               stat="opened"
               rate={percentageOpened}
@@ -233,7 +247,11 @@ const StatisticsMixin = {
             />
           </div>
           <div>
-            <span>{ percentageClickedDisplay }% </span>
+            <span>
+              { percentageClickedDisplay }
+%
+              {' '}
+            </span>
             <StatsBadge
               stat="clicked"
               rate={percentageClicked}
@@ -241,7 +259,10 @@ const StatisticsMixin = {
             />
           </div>
           <div>
-            <span className="mailpoet_stat_hidden">{ percentageUnsubscribedDisplay }%</span>
+            <span className="mailpoet_stat_hidden">
+              { percentageUnsubscribedDisplay }
+%
+            </span>
           </div>
         </div>
       );
@@ -250,11 +271,16 @@ const StatisticsMixin = {
       content = (
         <div>
           <span className="mailpoet_stats_text">
-            { percentageOpenedDisplay }%,
+            { percentageOpenedDisplay }
+%,
             { ' ' }
-            { percentageClickedDisplay }%
+            { percentageClickedDisplay }
+%
             <span className="mailpoet_stat_hidden">
-              , { percentageUnsubscribedDisplay }%
+              ,
+              {' '}
+              { percentageUnsubscribedDisplay }
+%
             </span>
           </span>
           { tooEarlyForStats && (
@@ -337,7 +363,7 @@ const StatisticsMixin = {
       name: 'stats',
       link: function link() {
         return (
-          <a href={'admin.php?page=mailpoet-premium'} onClick={trackStatsCTAClicked}>
+          <a href="admin.php?page=mailpoet-premium" onClick={trackStatsCTAClicked}>
             {MailPoet.I18n.t('statsListingActionTitle')}
           </a>
         );
@@ -393,18 +419,16 @@ const MailerMixin = {
       MailPoet.I18n.t('mailerCheckSettingsNotice'),
       /\[link\](.*?)\[\/link\]/g,
       match => (
-        <a href={'?page=mailpoet-settings#mta'} key="check-sending">{ match }</a>
+        <a href="?page=mailpoet-settings#mta" key="check-sending">{ match }</a>
       )
     );
     if (state.meta.mta_log.error.operation === 'send') {
-      mailerErrorNotice =
-        MailPoet.I18n.t('mailerSendErrorNotice')
-          .replace('%$1s', state.meta.mta_method)
-          .replace('%$2s', state.meta.mta_log.error.error_message);
+      mailerErrorNotice = MailPoet.I18n.t('mailerSendErrorNotice')
+        .replace('%$1s', state.meta.mta_method)
+        .replace('%$2s', state.meta.mta_log.error.error_message);
     } else {
-      mailerErrorNotice =
-        MailPoet.I18n.t('mailerConnectionErrorNotice')
-          .replace('%$1s', state.meta.mta_log.error.error_message);
+      mailerErrorNotice = MailPoet.I18n.t('mailerConnectionErrorNotice')
+        .replace('%$1s', state.meta.mta_log.error.error_message);
     }
     if (state.meta.mta_log.error.error_code) {
       mailerErrorNotice += ` ${MailPoet.I18n.t('mailerErrorCode')
@@ -421,7 +445,9 @@ const MailerMixin = {
             href="javascript:;"
             className="button"
             onClick={this.resumeMailerSending}
-          >{ MailPoet.I18n.t('mailerResumeSendingButton') }</a>
+          >
+            { MailPoet.I18n.t('mailerResumeSendingButton') }
+          </a>
         </p>
       </div>
     );
diff --git a/assets/js/src/newsletters/listings/notification.jsx b/assets/js/src/newsletters/listings/notification.jsx
index 8c731624a5..5891e685f2 100644
--- a/assets/js/src/newsletters/listings/notification.jsx
+++ b/assets/js/src/newsletters/listings/notification.jsx
@@ -277,7 +277,9 @@ const NewsletterListNotification = createReactClass({ // eslint-disable-line rea
 
     return (
       <span>
-        { sendingFrequency } { sendingToSegments }
+        { sendingFrequency }
+        {' '}
+        { sendingToSegments }
       </span>
     );
   },
@@ -293,7 +295,9 @@ const NewsletterListNotification = createReactClass({ // eslint-disable-line rea
       <Link
         data-automation-id={`history-${newsletter.id}`}
         to={`/notification/history/${newsletter.id}`}
-      >{ MailPoet.I18n.t('viewHistory') }</Link>
+      >
+        { MailPoet.I18n.t('viewHistory') }
+      </Link>
     );
   },
 
@@ -311,7 +315,9 @@ const NewsletterListNotification = createReactClass({ // eslint-disable-line rea
             <a
               className="row-title"
               href={`?page=mailpoet-newsletter-editor&id=${newsletter.id}`}
-            >{ newsletter.subject }</a>
+            >
+              { newsletter.subject }
+            </a>
           </strong>
           { actions }
         </td>
diff --git a/assets/js/src/newsletters/listings/notification_history.jsx b/assets/js/src/newsletters/listings/notification_history.jsx
index 15b5fd985a..64e955ad40 100644
--- a/assets/js/src/newsletters/listings/notification_history.jsx
+++ b/assets/js/src/newsletters/listings/notification_history.jsx
@@ -88,7 +88,9 @@ const NewsletterListNotificationHistory = createReactClass({ // eslint-disable-l
             <a
               href={newsletter.preview_url}
               target="_blank"
-            >{ newsletter.queue.newsletter_rendered_subject || newsletter.subject }</a>
+            >
+              { newsletter.queue.newsletter_rendered_subject || newsletter.subject }
+            </a>
           </strong>
           { actions }
         </td>
@@ -122,7 +124,9 @@ const NewsletterListNotificationHistory = createReactClass({ // eslint-disable-l
         <Link
           className="page-title-action"
           to="/notification"
-        >{MailPoet.I18n.t('backToPostNotifications')}</Link>
+        >
+          {MailPoet.I18n.t('backToPostNotifications')}
+        </Link>
 
         <Listing
           limit={window.mailpoet_listing_per_page}
diff --git a/assets/js/src/newsletters/listings/standard.jsx b/assets/js/src/newsletters/listings/standard.jsx
index 548c016b6e..b58be557cb 100644
--- a/assets/js/src/newsletters/listings/standard.jsx
+++ b/assets/js/src/newsletters/listings/standard.jsx
@@ -201,7 +201,9 @@ const NewsletterListStandard = createReactClass({ // eslint-disable-line react/p
               className="row-title"
               href="javascript:;"
               onClick={() => confirmEdit(newsletter)}
-            >{ newsletter.queue.newsletter_rendered_subject || newsletter.subject }</a>
+            >
+              { newsletter.queue.newsletter_rendered_subject || newsletter.subject }
+            </a>
           </strong>
           { actions }
         </td>
diff --git a/assets/js/src/newsletters/listings/tabs.jsx b/assets/js/src/newsletters/listings/tabs.jsx
index 08aa56dc0d..59bc77c30a 100644
--- a/assets/js/src/newsletters/listings/tabs.jsx
+++ b/assets/js/src/newsletters/listings/tabs.jsx
@@ -41,9 +41,10 @@ class ListingTabs extends React.Component {
           data-automation-id={`tab-${tab.label}`}
           to={tab.link}
           onClick={() => MailPoet.trackEvent(`Tab Emails > ${tab.name} clicked`,
-            { 'MailPoet Free version': window.mailpoet_version }
-          )}
-        >{ tab.label }</Link>
+            { 'MailPoet Free version': window.mailpoet_version })}
+        >
+          { tab.label }
+        </Link>
       );
     });
 
diff --git a/assets/js/src/newsletters/listings/welcome.jsx b/assets/js/src/newsletters/listings/welcome.jsx
index 18e51426a3..a64d678014 100644
--- a/assets/js/src/newsletters/listings/welcome.jsx
+++ b/assets/js/src/newsletters/listings/welcome.jsx
@@ -214,7 +214,9 @@ const NewsletterListWelcome = createReactClass({ // eslint-disable-line react/pr
           </select>
         </p>
         <p>
-          { totalSentMessage } <br />
+          { totalSentMessage }
+          {' '}
+          <br />
           { totalScheduledMessage }
         </p>
       </div>
@@ -311,7 +313,9 @@ const NewsletterListWelcome = createReactClass({ // eslint-disable-line react/pr
             <a
               className="row-title"
               href={`?page=mailpoet-newsletter-editor&id=${newsletter.id}`}
-            >{ newsletter.subject }</a>
+            >
+              { newsletter.subject }
+            </a>
           </strong>
           { actions }
         </td>
diff --git a/assets/js/src/newsletters/newsletters.jsx b/assets/js/src/newsletters/newsletters.jsx
index a414b772ea..6a5b8a9444 100644
--- a/assets/js/src/newsletters/newsletters.jsx
+++ b/assets/js/src/newsletters/newsletters.jsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { HashRouter, Switch, Route, Redirect } from 'react-router-dom';
+import {
+  HashRouter, Switch, Route, Redirect,
+} from 'react-router-dom';
 import Hooks from 'wp-js-hooks';
 import _ from 'underscore';
 import PropTypes from 'prop-types';
diff --git a/assets/js/src/newsletters/scheduling/common.jsx b/assets/js/src/newsletters/scheduling/common.jsx
index 55ed43fccb..d205175758 100644
--- a/assets/js/src/newsletters/scheduling/common.jsx
+++ b/assets/js/src/newsletters/scheduling/common.jsx
@@ -30,8 +30,8 @@ const timeOfDayValues = _.object(_.map(
     date.setSeconds(seconds);
     const timeLabel = MailPoet.Date.format(date, { format: timeFormat, offset: 0 });
     return [seconds, timeLabel];
-  })
-);
+  }
+));
 
 const weekDayValues = {
   0: MailPoet.I18n.t('sunday'),
diff --git a/assets/js/src/newsletters/send.jsx b/assets/js/src/newsletters/send.jsx
index 2f9a79fc91..da4aeb8f6a 100644
--- a/assets/js/src/newsletters/send.jsx
+++ b/assets/js/src/newsletters/send.jsx
@@ -397,21 +397,24 @@ const NewsletterSend = createReactClass({ // eslint-disable-line react/prefer-es
         >
           <p className="submit">
             {
-              isPaused ?
-                <input
-                  className="button button-primary"
-                  type="button"
-                  onClick={this.handleResume}
-                  value={MailPoet.I18n.t('resume')}
-                />
-                :
-                <input
-                  className="button button-primary"
-                  type="button"
-                  onClick={this.handleSend}
-                  value={MailPoet.I18n.t('send')}
-                  {...sendButtonOptions}
-                />
+              isPaused
+                ? (
+                  <input
+                    className="button button-primary"
+                    type="button"
+                    onClick={this.handleResume}
+                    value={MailPoet.I18n.t('resume')}
+                  />
+                )
+                : (
+                  <input
+                    className="button button-primary"
+                    type="button"
+                    onClick={this.handleSend}
+                    value={MailPoet.I18n.t('send')}
+                    {...sendButtonOptions}
+                  />
+                )
             }
             &nbsp;
             <input
@@ -419,7 +422,9 @@ const NewsletterSend = createReactClass({ // eslint-disable-line react/prefer-es
               type="submit"
               value={MailPoet.I18n.t('saveDraftAndClose')}
             />
-            &nbsp;{MailPoet.I18n.t('orSimply')}&nbsp;
+            &nbsp;
+            {MailPoet.I18n.t('orSimply')}
+&nbsp;
             <a
               href={
                 `?page=mailpoet-newsletter-editor&id=${this.props.match.params.id}`
@@ -427,7 +432,8 @@ const NewsletterSend = createReactClass({ // eslint-disable-line react/prefer-es
               onClick={this.handleRedirectToDesign}
             >
               {MailPoet.I18n.t('goBackToDesign')}
-            </a>.
+            </a>
+.
           </p>
           { !isPaused && sendButtonOptions.disabled && sendButtonOptions.disabled === 'disabled' && (
             <HelpTooltip
diff --git a/assets/js/src/newsletters/send/congratulate/congratulate.jsx b/assets/js/src/newsletters/send/congratulate/congratulate.jsx
index 7ad23bc379..ae9b246672 100644
--- a/assets/js/src/newsletters/send/congratulate/congratulate.jsx
+++ b/assets/js/src/newsletters/send/congratulate/congratulate.jsx
@@ -27,30 +27,36 @@ function renderSuccess(newsletter, testingPassed) {
       'Cron is working': 'true',
     });
   }
-  return (<Success
-    illustrationImageUrl={window.mailpoet_congratulations_success_image}
-    successClicked={successPageClosed}
-    newsletter={newsletter}
-  />);
+  return (
+    <Success
+      illustrationImageUrl={window.mailpoet_congratulations_success_image}
+      successClicked={successPageClosed}
+      newsletter={newsletter}
+    />
+  );
 }
 
 function renderFail() {
   MailPoet.trackEvent('Cron testing done', {
     'Cron is working': 'false',
   });
-  return (<Fail
-    failClicked={() => {
-      window.location = window.mailpoet_main_page;
-    }}
-  />);
+  return (
+    <Fail
+      failClicked={() => {
+        window.location = window.mailpoet_main_page;
+      }}
+    />
+  );
 }
 
 function renderLoading(showRichLoadingScreen) {
-  return (<Loading
-    illustrationImageUrl={window.mailpoet_congratulations_loading_image}
-    successClicked={successPageClosed}
-    showRichLoadingScreen={showRichLoadingScreen}
-  />);
+  return (
+    <Loading
+      illustrationImageUrl={window.mailpoet_congratulations_loading_image}
+      successClicked={successPageClosed}
+      showRichLoadingScreen={showRichLoadingScreen}
+    />
+  );
 }
 
 class Congratulate extends React.Component {
@@ -116,7 +122,7 @@ class Congratulate extends React.Component {
   renderContent() {
     if (this.state.loading || !this.state.minimumLoadingTimePassed) {
       return renderLoading(!!this.state.newsletter);
-    } else if (this.state.error) {
+    } if (this.state.error) {
       return renderFail();
     }
     return renderSuccess(this.state.newsletter, this.state.testingPassed);
diff --git a/assets/js/src/newsletters/send/congratulate/fail.jsx b/assets/js/src/newsletters/send/congratulate/fail.jsx
index 3b77c40b9b..19bab332ec 100644
--- a/assets/js/src/newsletters/send/congratulate/fail.jsx
+++ b/assets/js/src/newsletters/send/congratulate/fail.jsx
@@ -17,7 +17,9 @@ function Fail(props) {
               target="_blank"
               rel="noopener noreferrer"
               href="https://kb.mailpoet.com/article/231-sending-does-not-work"
-            >{ match }</a>
+            >
+              { match }
+            </a>
           )
         )
         }
diff --git a/assets/js/src/newsletters/send/congratulate/success.jsx b/assets/js/src/newsletters/send/congratulate/success.jsx
index e6090d4902..90d577294c 100644
--- a/assets/js/src/newsletters/send/congratulate/success.jsx
+++ b/assets/js/src/newsletters/send/congratulate/success.jsx
@@ -5,11 +5,11 @@ import MailPoet from 'mailpoet';
 function renderHeader(newsletter) {
   if (newsletter.type === 'welcome') {
     return MailPoet.I18n.t('congratulationsWelcomeEmailSuccessHeader');
-  } else if (newsletter.type === 'notification') {
+  } if (newsletter.type === 'notification') {
     return MailPoet.I18n.t('congratulationsPostNotificationSuccessHeader');
-  } else if (newsletter.type === 'automatic') {
+  } if (newsletter.type === 'automatic') {
     return MailPoet.I18n.t('congratulationsWooSuccessHeader');
-  } else if (newsletter.status === 'scheduled') {
+  } if (newsletter.status === 'scheduled') {
     return MailPoet.I18n.t('congratulationsScheduleSuccessHeader');
   }
   return MailPoet.I18n.t('congratulationsSendSuccessHeader');
@@ -17,8 +17,8 @@ function renderHeader(newsletter) {
 
 function Success(props) {
   const showSuccessDeliveryPoll = (
-    props.newsletter.type === 'standard' &&
-    props.newsletter.status !== 'scheduled'
+    props.newsletter.type === 'standard'
+    && props.newsletter.status !== 'scheduled'
   );
   if (showSuccessDeliveryPoll) {
     MailPoet.Poll.successDelivery.initTypeformScript();
@@ -27,7 +27,8 @@ function Success(props) {
     <div className="mailpoet_congratulate_success">
       <h1>{renderHeader(props.newsletter)}</h1>
       <img src={props.illustrationImageUrl} alt="" width="750" height="250" />
-      {showSuccessDeliveryPoll &&
+      {showSuccessDeliveryPoll
+        && (
         <div
           className="typeform-widget"
           data-url="https://mailpoet.typeform.com/to/ciWID6"
@@ -35,6 +36,7 @@ function Success(props) {
           data-hide-headers="true"
           data-hide-footer="true"
         />
+        )
       }
       <button className="button" onClick={props.successClicked}>{MailPoet.I18n.t('close')}</button>
     </div>
diff --git a/assets/js/src/newsletters/send/notification.jsx b/assets/js/src/newsletters/send/notification.jsx
index 02d798e34d..0f9cbd3191 100644
--- a/assets/js/src/newsletters/send/notification.jsx
+++ b/assets/js/src/newsletters/send/notification.jsx
@@ -106,4 +106,3 @@ export default {
     };
   },
 };
-
diff --git a/assets/js/src/newsletters/send/standard.jsx b/assets/js/src/newsletters/send/standard.jsx
index 3875ee4579..93c3054d17 100644
--- a/assets/js/src/newsletters/send/standard.jsx
+++ b/assets/js/src/newsletters/send/standard.jsx
@@ -71,7 +71,9 @@ class StandardScheduling extends React.Component {
           />
           &nbsp;
           <span>
-            {MailPoet.I18n.t('websiteTimeIs')} <code>{currentTime}</code>
+            {MailPoet.I18n.t('websiteTimeIs')}
+            {' '}
+            <code>{currentTime}</code>
           </span>
         </span>
       );
diff --git a/assets/js/src/newsletters/templates/import_template.jsx b/assets/js/src/newsletters/templates/import_template.jsx
index 316c48bb37..bf22da61b7 100644
--- a/assets/js/src/newsletters/templates/import_template.jsx
+++ b/assets/js/src/newsletters/templates/import_template.jsx
@@ -31,9 +31,9 @@ class ImportTemplate extends React.Component {
     }
 
     if (
-      template.categories.indexOf('standard') === -1 &&
-      template.categories.indexOf('welcome') === -1 &&
-      template.categories.indexOf('notification') === -1
+      template.categories.indexOf('standard') === -1
+      && template.categories.indexOf('welcome') === -1
+      && template.categories.indexOf('notification') === -1
     ) {
       template.categories.push('standard');
     }
@@ -84,6 +84,7 @@ class ImportTemplate extends React.Component {
     reader.readAsText(file);
     return true;
   }
+
   render() {
     return (
       <div>
diff --git a/assets/js/src/newsletters/templates/tabs.jsx b/assets/js/src/newsletters/templates/tabs.jsx
index 9c720b2645..a8f0804e66 100644
--- a/assets/js/src/newsletters/templates/tabs.jsx
+++ b/assets/js/src/newsletters/templates/tabs.jsx
@@ -5,12 +5,16 @@ const Tabs = ({ tabs, selected, select }) => (
   <div className="wp-filter hide-if-no-js">
     <ul className="filter-links">
       {tabs.map(({ name, label }) => (
-        <li key={name}><a
-          href="javascript:"
-          className={selected === name ? 'current' : ''}
-          onClick={() => select(name)}
-        > {label}
-        </a></li>
+        <li key={name}>
+          <a
+            href="javascript:"
+            className={selected === name ? 'current' : ''}
+            onClick={() => select(name)}
+          >
+            {' '}
+            {label}
+          </a>
+        </li>
       ))}
     </ul>
   </div>
diff --git a/assets/js/src/newsletters/templates/template_box.jsx b/assets/js/src/newsletters/templates/template_box.jsx
index 054bc11aec..be55736aea 100644
--- a/assets/js/src/newsletters/templates/template_box.jsx
+++ b/assets/js/src/newsletters/templates/template_box.jsx
@@ -17,8 +17,11 @@ class TemplateBox extends React.Component {
     this.onDelete = this.onDelete.bind(this);
     this.onSelect = this.onSelect.bind(this);
   }
+
   onDelete() {
-    const { id, name, beforeDelete, afterDelete } = this.props;
+    const {
+      id, name, beforeDelete, afterDelete,
+    } = this.props;
     const onConfirm = () => {
       beforeDelete();
       MailPoet.Ajax.post({
@@ -55,7 +58,9 @@ class TemplateBox extends React.Component {
   }
 
   onSelect() {
-    const { newsletterId, name, beforeSelect, afterSelect } = this.props;
+    const {
+      newsletterId, name, beforeSelect, afterSelect,
+    } = this.props;
 
     beforeSelect();
 
@@ -86,7 +91,9 @@ class TemplateBox extends React.Component {
   }
 
   render() {
-    const { index, name, thumbnail, readonly } = this.props;
+    const {
+      index, name, thumbnail, readonly,
+    } = this.props;
 
     const deleteLink = (
       <div className="mailpoet_delete button button-secondary">
@@ -124,7 +131,12 @@ class TemplateBox extends React.Component {
             onClick={this.onSelect}
             role="button"
             tabIndex={0}
-          > {MailPoet.I18n.t('select')} </a>
+          >
+            {' '}
+            {MailPoet.I18n.t('select')}
+            {' '}
+
+          </a>
         </div>
       </li>
     );
diff --git a/assets/js/src/newsletters/types.jsx b/assets/js/src/newsletters/types.jsx
index bd54996d21..e9d5a9049e 100644
--- a/assets/js/src/newsletters/types.jsx
+++ b/assets/js/src/newsletters/types.jsx
@@ -161,11 +161,16 @@ class NewsletterTypes extends React.Component {
                   {type.thumbnailImage ? <img src={type.thumbnailImage} alt="" /> : null}
                 </div>
                 <div className="mailpoet_description">
-                  <h3>{type.title} {type.beta ? `(${MailPoet.I18n.t('beta')})` : ''}</h3>
+                  <h3>
+                    {type.title}
+                    {' '}
+                    {type.beta ? `(${MailPoet.I18n.t('beta')})` : ''}
+                  </h3>
                   <p>{type.description}</p>
                   { type.videoGuide && (
                     <a className={badgeClassName} href={type.videoGuide} target="_blank">
-                      <span className="dashicons dashicons-format-video" />{MailPoet.I18n.t('seeVideoGuide')}
+                      <span className="dashicons dashicons-format-video" />
+                      {MailPoet.I18n.t('seeVideoGuide')}
                     </a>
                   ) }
                 </div>
diff --git a/assets/js/src/newsletters/types/automatic_emails/event.jsx b/assets/js/src/newsletters/types/automatic_emails/event.jsx
index 23e2e9991d..109898be56 100644
--- a/assets/js/src/newsletters/types/automatic_emails/event.jsx
+++ b/assets/js/src/newsletters/types/automatic_emails/event.jsx
@@ -48,7 +48,11 @@ class AutomaticEmailEvent extends React.PureComponent {
           </div>
           <div className="mailpoet_description">
             <div className="title_and_badge">
-              <h3>{event.title} {event.soon ? `(${MailPoet.I18n.t('soon')})` : ''}</h3>
+              <h3>
+                {event.title}
+                {' '}
+                {event.soon ? `(${MailPoet.I18n.t('soon')})` : ''}
+              </h3>
               {event.badge ? (
                 <span className={`mailpoet_badge mailpoet_badge_${event.badge.style}`}>
                   {event.badge.text}
diff --git a/assets/js/src/newsletters/types/automatic_emails/events_list.jsx b/assets/js/src/newsletters/types/automatic_emails/events_list.jsx
index ad1b8e26ed..9f41f8316e 100644
--- a/assets/js/src/newsletters/types/automatic_emails/events_list.jsx
+++ b/assets/js/src/newsletters/types/automatic_emails/events_list.jsx
@@ -31,8 +31,7 @@ class AutomaticEmailEventsList extends React.Component {
         key={index}
         eventsConfigurator={this.eventsConfigurator}
       />
-    )
-    );
+    ));
 
     return (
       <ul className="mailpoet_boxes woocommerce clearfix">
diff --git a/assets/js/src/newsletters/types/notification/notification.jsx b/assets/js/src/newsletters/types/notification/notification.jsx
index c338bee03f..eb5da5168a 100644
--- a/assets/js/src/newsletters/types/notification/notification.jsx
+++ b/assets/js/src/newsletters/types/notification/notification.jsx
@@ -88,4 +88,3 @@ class NewsletterNotification extends React.Component {
 }
 
 export default withRouter(NewsletterNotification);
-
diff --git a/assets/js/src/newsletters/types/notification/scheduling.jsx b/assets/js/src/newsletters/types/notification/scheduling.jsx
index 474fa94458..aebad4a8a3 100644
--- a/assets/js/src/newsletters/types/notification/scheduling.jsx
+++ b/assets/js/src/newsletters/types/notification/scheduling.jsx
@@ -53,9 +53,13 @@ class NotificationScheduling extends React.Component {
   };
 
   handleIntervalChange = event => this.handleValueChange('intervalType', event.target.value);
+
   handleTimeOfDayChange = event => this.handleValueChange('timeOfDay', event.target.value);
+
   handleWeekDayChange = event => this.handleValueChange('weekDay', event.target.value);
+
   handleMonthDayChange = event => this.handleValueChange('monthDay', event.target.value);
+
   handleNthWeekDayChange = event => this.handleValueChange('nthWeekDay', event.target.value);
 
   render() {
diff --git a/assets/js/src/newsletters/types/standard.jsx b/assets/js/src/newsletters/types/standard.jsx
index 7ee0556def..74d2c0a6ff 100644
--- a/assets/js/src/newsletters/types/standard.jsx
+++ b/assets/js/src/newsletters/types/standard.jsx
@@ -47,4 +47,3 @@ class NewsletterStandard extends React.Component {
 }
 
 export default withRouter(NewsletterStandard);
-
diff --git a/assets/js/src/newsletters/types/welcome/scheduling.jsx b/assets/js/src/newsletters/types/welcome/scheduling.jsx
index 9ceea09bf8..99c5e60ee8 100644
--- a/assets/js/src/newsletters/types/welcome/scheduling.jsx
+++ b/assets/js/src/newsletters/types/welcome/scheduling.jsx
@@ -67,9 +67,13 @@ class WelcomeScheduling extends React.Component {
   };
 
   handleEventChange = event => this.handleValueChange('event', event.target.value);
+
   handleSegmentChange = event => this.handleValueChange('segment', event.target.value);
+
   handleRoleChange = event => this.handleValueChange('role', event.target.value);
+
   handleAfterTimeNumberChange = event => this.handleValueChange('afterTimeNumber', event.target.value);
+
   handleAfterTimeTypeChange = event => this.handleValueChange('afterTimeType', event.target.value);
 
   handleNext = () => {
diff --git a/assets/js/src/poll.jsx b/assets/js/src/poll.jsx
index 9016a6065d..6f6dcd111c 100644
--- a/assets/js/src/poll.jsx
+++ b/assets/js/src/poll.jsx
@@ -29,9 +29,9 @@ const setPollShown = (pollType) => {
 const Poll = {
   successDelivery: {
     canShow: (pollType, skipMtaMethod) => (
-      window.mailpoet_locale === 'en' &&
-      window.mailpoet_polls_visibility[getSettingsKey(pollType)] === '1' &&
-      (skipMtaMethod || window.mailpoet_polls_data.mta_method === 'PHPMail')
+      window.mailpoet_locale === 'en'
+      && window.mailpoet_polls_visibility[getSettingsKey(pollType)] === '1'
+      && (skipMtaMethod || window.mailpoet_polls_data.mta_method === 'PHPMail')
     ),
     initTypeformScript,
     setPollShown,
diff --git a/assets/js/src/segments/list.jsx b/assets/js/src/segments/list.jsx
index 33f1a14407..6a00490b61 100644
--- a/assets/js/src/segments/list.jsx
+++ b/assets/js/src/segments/list.jsx
@@ -144,7 +144,9 @@ const itemActions = [
           href="http://docs.mailpoet.com/article/133-the-wordpress-users-list"
           target="_blank"
           rel="noopener noreferrer"
-        >{MailPoet.I18n.t('readMore')}</a>
+        >
+          {MailPoet.I18n.t('readMore')}
+        </a>
       );
     },
     display: function display(segment) {
@@ -222,7 +224,9 @@ class SegmentList extends React.Component {
         <Link
           className="row-title"
           to={`/edit/${segment.id}`}
-        >{ segment.name }</Link>
+        >
+          { segment.name }
+        </Link>
       );
     }
 
@@ -260,7 +264,9 @@ class SegmentList extends React.Component {
     return (
       <div>
         <h1 className="title">
-          {MailPoet.I18n.t('pageTitle')} <Link className="page-title-action" to="/new">{MailPoet.I18n.t('new')}</Link>
+          {MailPoet.I18n.t('pageTitle')}
+          {' '}
+          <Link className="page-title-action" to="/new">{MailPoet.I18n.t('new')}</Link>
         </h1>
 
         <Listing
diff --git a/assets/js/src/settings/new_subscriber_announcement.jsx b/assets/js/src/settings/new_subscriber_announcement.jsx
index 91e047fb32..46aa419e6c 100644
--- a/assets/js/src/settings/new_subscriber_announcement.jsx
+++ b/assets/js/src/settings/new_subscriber_announcement.jsx
@@ -15,7 +15,8 @@ const NewSubscriberNotificationAnnouncement = props => (
       <h1>{MailPoet.I18n.t('announcementHeader')}</h1>
       <img src={props.imageUrl} width="600px" height="460px" alt="" />
       <p>
-        {MailPoet.I18n.t('announcementParagraph1')}<br />
+        {MailPoet.I18n.t('announcementParagraph1')}
+        <br />
         {MailPoet.I18n.t('announcementParagraph2')}
       </p>
     </div>
diff --git a/assets/js/src/subscribers/form.jsx b/assets/js/src/subscribers/form.jsx
index a26268afe8..6211aedc22 100644
--- a/assets/js/src/subscribers/form.jsx
+++ b/assets/js/src/subscribers/form.jsx
@@ -156,7 +156,9 @@ function beforeFormContent(subscriber) {
             <a
               key={i}
               href={`user-edit.php?user_id=${subscriber.wp_user_id}`}
-            >{ match }</a>
+            >
+              { match }
+            </a>
           )
         )
         }
@@ -171,7 +173,9 @@ function afterFormContent() {
     <p className="description">
       <strong>
         { MailPoet.I18n.t('tip') }
-      </strong> { MailPoet.I18n.t('customFieldsTip') }
+      </strong>
+      {' '}
+      { MailPoet.I18n.t('customFieldsTip') }
     </p>
   );
 }
diff --git a/assets/js/src/subscribers/list.jsx b/assets/js/src/subscribers/list.jsx
index f7671282c7..e7c2d8bb66 100644
--- a/assets/js/src/subscribers/list.jsx
+++ b/assets/js/src/subscribers/list.jsx
@@ -89,7 +89,7 @@ const messages = {
         <div>
           <p>{MailPoet.I18n.t('bouncedSubscribersHelp')}</p>
           <p>
-            <a href={'admin.php?page=mailpoet-premium'} className="button-primary">
+            <a href="admin.php?page=mailpoet-premium" className="button-primary">
               {MailPoet.I18n.t('bouncedSubscribersPremiumButtonText')}
             </a>
           </p>
@@ -314,10 +314,14 @@ class SubscriberList extends React.Component {
             <Link
               className="row-title"
               to={`/edit/${subscriber.id}`}
-            >{ subscriber.email }</Link>
+            >
+              { subscriber.email }
+            </Link>
           </strong>
           <p style={{ margin: 0 }}>
-            { subscriber.first_name } { subscriber.last_name }
+            { subscriber.first_name }
+            {' '}
+            { subscriber.last_name }
           </p>
           { actions }
         </td>
@@ -341,19 +345,27 @@ class SubscriberList extends React.Component {
     return (
       <div>
         <h1 className="title">
-          {MailPoet.I18n.t('pageTitle')} <Link
+          {MailPoet.I18n.t('pageTitle')}
+          {' '}
+          <Link
             className="page-title-action"
             to="/new"
-          >{MailPoet.I18n.t('new')}</Link>
+          >
+            {MailPoet.I18n.t('new')}
+          </Link>
           <a
             className="page-title-action"
             href="?page=mailpoet-import#step1"
-          >{MailPoet.I18n.t('import')}</a>
+          >
+            {MailPoet.I18n.t('import')}
+          </a>
           <a
             id="mailpoet_export_button"
             className="page-title-action"
             href="?page=mailpoet-export"
-          >{MailPoet.I18n.t('export')}</a>
+          >
+            {MailPoet.I18n.t('export')}
+          </a>
         </h1>
 
         <Listing
@@ -366,8 +378,8 @@ class SubscriberList extends React.Component {
           bulk_actions={bulkActions}
           item_actions={itemActions}
           messages={messages}
-          sort_by={'created_at'}
-          sort_order={'desc'}
+          sort_by="created_at"
+          sort_order="desc"
         />
       </div>
     );
diff --git a/assets/js/src/welcome_wizard/header.jsx b/assets/js/src/welcome_wizard/header.jsx
index 46ce0cc7da..c65451f591 100644
--- a/assets/js/src/welcome_wizard/header.jsx
+++ b/assets/js/src/welcome_wizard/header.jsx
@@ -6,8 +6,8 @@ const WelcomeWizardHeader = props => (
   <div className="mailpoet_welcome_wizard_centered_column mailpoet_welcome_wizard_header">
     <img src={props.logo_src} width="200" height="87" alt="MailPoet logo" />
     {
-      props.current_step <= props.steps_count ?
-        (<SteppedProgressBar steps_count={props.steps_count} step={props.current_step} />)
+      props.current_step <= props.steps_count
+        ? (<SteppedProgressBar steps_count={props.steps_count} step={props.current_step} />)
         : null
     }
   </div>
diff --git a/assets/js/src/welcome_wizard/steps/sender_step.jsx b/assets/js/src/welcome_wizard/steps/sender_step.jsx
index f86ff64c6d..1363baa7b0 100644
--- a/assets/js/src/welcome_wizard/steps/sender_step.jsx
+++ b/assets/js/src/welcome_wizard/steps/sender_step.jsx
@@ -21,7 +21,8 @@ const WelcomeWizardSenderStep = props => (
       }}
     >
       <label htmlFor="senderName">
-        {MailPoet.I18n.t('senderName')}:
+        {MailPoet.I18n.t('senderName')}
+:
         <input
           name="senderName"
           type="text"
@@ -32,7 +33,8 @@ const WelcomeWizardSenderStep = props => (
         />
       </label>
       <label htmlFor="senderAddress">
-        {MailPoet.I18n.t('senderAddress')}:
+        {MailPoet.I18n.t('senderAddress')}
+:
         <input
           name="senderAddress"
           type="text"
diff --git a/assets/js/src/welcome_wizard/steps/usage_tracking_step.jsx b/assets/js/src/welcome_wizard/steps/usage_tracking_step.jsx
index 975e86c4e3..dc781a21cc 100644
--- a/assets/js/src/welcome_wizard/steps/usage_tracking_step.jsx
+++ b/assets/js/src/welcome_wizard/steps/usage_tracking_step.jsx
@@ -17,7 +17,9 @@ const WelcomeWizardUsageTrackingStep = props => (
               href="https://beta.docs.mailpoet.com/article/130-sharing-your-data-with-us"
               target="_blank"
               rel="noopener noreferrer"
-            >{ match }</a>
+            >
+              { match }
+            </a>
           )
         )
       }
diff --git a/assets/js/src/welcome_wizard/steps_controller.jsx b/assets/js/src/welcome_wizard/steps_controller.jsx
index 23d50ef4f6..0c230c686e 100644
--- a/assets/js/src/welcome_wizard/steps_controller.jsx
+++ b/assets/js/src/welcome_wizard/steps_controller.jsx
@@ -57,8 +57,7 @@ class WelcomeWizardStepsController extends React.Component {
       endpoint: 'settings',
       action: 'set',
       data,
-    }).then(() => this.setState({ loading: false })
-    ).fail((response) => {
+    }).then(() => this.setState({ loading: false })).fail((response) => {
       this.setState({ loading: false });
       if (response.errors.length > 0) {
         MailPoet.Notice.error(
@@ -71,8 +70,7 @@ class WelcomeWizardStepsController extends React.Component {
 
   activateTracking() {
     this.updateSettings({ analytics: { enabled: true } }).then(() => (
-      this.showWooCommerceStepOrFinish())
-    );
+      this.showWooCommerceStepOrFinish()));
   }
 
   updateSender(data) {
@@ -103,47 +101,57 @@ class WelcomeWizardStepsController extends React.Component {
           steps_count={this.state.stepsCount}
           logo_src={window.mailpoet_logo_url}
         />
-        { step === 1 && this.state.shouldSetSender ?
-          <WelcomeWizardSenderStep
-            update_sender={this.updateSender}
-            submit_sender={this.submitSender}
-            update_reply_to={this.updateReplyTo}
-            finish={this.finishWizard}
-            loading={this.state.loading}
-            sender={this.state.sender}
-            reply_to={this.state.replyTo}
-          /> : null
+        { step === 1 && this.state.shouldSetSender
+          ? (
+            <WelcomeWizardSenderStep
+              update_sender={this.updateSender}
+              submit_sender={this.submitSender}
+              update_reply_to={this.updateReplyTo}
+              finish={this.finishWizard}
+              loading={this.state.loading}
+              sender={this.state.sender}
+              reply_to={this.state.replyTo}
+            />
+          ) : null
         }
 
-        { step === 1 && !this.state.shouldSetSender ?
-          <WelcomeWizardMigratedUserStep
-            next={() => this.props.history.push('/steps/2')}
-          /> : null
+        { step === 1 && !this.state.shouldSetSender
+          ? (
+            <WelcomeWizardMigratedUserStep
+              next={() => this.props.history.push('/steps/2')}
+            />
+          ) : null
         }
 
-        { step === 2 ?
-          <WelcomeWizardEmailCourseStep
-            next={() => this.props.history.push('/steps/3')}
-            illustration_url={window.email_course_illustration}
-          /> : null
+        { step === 2
+          ? (
+            <WelcomeWizardEmailCourseStep
+              next={() => this.props.history.push('/steps/3')}
+              illustration_url={window.email_course_illustration}
+            />
+          ) : null
         }
 
-        { step === 3 ?
-          <WelcomeWizardUsageTrackingStep
-            skip_action={this.showWooCommerceStepOrFinish}
-            allow_action={this.activateTracking}
-            allow_text={this.state.stepsCount === 4 ?
-              MailPoet.I18n.t('allowAndContinue') : MailPoet.I18n.t('allowAndFinish')}
-            loading={this.state.loading}
-          /> : null
+        { step === 3
+          ? (
+            <WelcomeWizardUsageTrackingStep
+              skip_action={this.showWooCommerceStepOrFinish}
+              allow_action={this.activateTracking}
+              allow_text={this.state.stepsCount === 4
+                ? MailPoet.I18n.t('allowAndContinue') : MailPoet.I18n.t('allowAndFinish')}
+              loading={this.state.loading}
+            />
+          ) : null
         }
 
-        { step === 4 ?
-          <WelcomeWizardWooCommerceStep
-            next={this.finishWizard}
-            screenshot_src={window.woocommerce_screenshot_url}
-            loading={this.state.loading}
-          /> : null
+        { step === 4
+          ? (
+            <WelcomeWizardWooCommerceStep
+              next={this.finishWizard}
+              screenshot_src={window.woocommerce_screenshot_url}
+              loading={this.state.loading}
+            />
+          ) : null
         }
       </div>
     );
diff --git a/assets/js/src/welcome_wizard/wizard.jsx b/assets/js/src/welcome_wizard/wizard.jsx
index f73e83abff..bc89b0d9d9 100644
--- a/assets/js/src/welcome_wizard/wizard.jsx
+++ b/assets/js/src/welcome_wizard/wizard.jsx
@@ -10,7 +10,7 @@ if (container) {
     <HashRouter>
       <div>
         <Route exact path="/" render={() => <Redirect to="/steps/1" />} />
-        <Route path={'/steps/:step'} component={WelcomeWizardStepsController} />
+        <Route path="/steps/:step" component={WelcomeWizardStepsController} />
       </div>
     </HashRouter>
   ), container);