ES6 rules

assets/js/src/help/system_info.jsx

@@ -12,7 +12,7 @@ function printData(data) {
     const printableData = Object.keys(data).map(key => `${key}: ${data[key]}`);
 
     return (<textarea
-      readOnly={true}
+      readOnly
       onFocus={handleFocus}
       value={printableData.join('\n')}
       style={{

assets/js/src/help/tabs.jsx

@@ -22,7 +22,7 @@ const tabs = [
 ];
 
 function Tabs(props) {
-  const tabLinks = tabs.map((tab, index) => {
+  const tabLinks = tabs.map((tab) => {
     const tabClasses = classNames(
       'nav-tab',
       { 'nav-tab-active': (props.tab === tab.name) }
@@ -30,7 +30,7 @@ function Tabs(props) {
 
     return (
       <Link
-        key={`tab-${index}`}
+        key={`tab-${tab.name}`}
         className={tabClasses}
         to={tab.link}
       >{ tab.label }</Link>

assets/js/src/listing/bulk_actions.jsx

@@ -1,12 +1,7 @@
-define([
-  'react',
-  'mailpoet',
-],
-(
-  React,
-  MailPoet
-) => {
-  const ListingBulkActions = React.createClass({
+import React from 'react';
+import MailPoet from 'mailpoet';
+
+const ListingBulkActions = React.createClass({
   getInitialState: function getInitialState() {
     return {
       action: false,
@@ -96,10 +91,10 @@ define([
           onChange={this.handleChangeAction}
         >
           <option value="">{MailPoet.I18n.t('bulkActions')}</option>
-            { this.props.bulk_actions.map((action, index) => (
+          { this.props.bulk_actions.map(action => (
             <option
               value={action.name}
-                key={`action-${index}`}
+              key={`action-${action.name}`}
             >{ action.label }</option>
             )) }
         </select>
@@ -114,7 +109,6 @@ define([
       </div>
     );
   },
-  });
-
-  return ListingBulkActions;
 });
+
+export default ListingBulkActions;