Updated ESLINT and fixing linting issues

js/.eslintrc.json

@@ -15,6 +15,7 @@
     "no-debugger": "error",
     "no-alert": "error",
     "jsx-quotes": ["error", "prefer-single"],
-    "react/jsx-curly-spacing": ["error", "always"]
+    "react/jsx-curly-spacing": ["error", "always"],
+    "object-property-newline": 0
   }
 }

js/src/dapps/localtx/Application/application.js

@@ -158,18 +158,18 @@ export default class Application extends Component {
           { Transaction.renderHeader() }
         </thead>
         <tbody>
-        {
+          {
-          transactions.map((tx, idx) => (
+            transactions.map((tx, idx) => (
-            <Transaction
+              <Transaction
-              key={ tx.transaction.hash }
+                key={ tx.transaction.hash }
-              idx={ idx + 1 }
+                idx={ idx + 1 }
-              isLocal={ tx.isLocal }
+                isLocal={ tx.isLocal }
-              transaction={ tx.transaction }
+                transaction={ tx.transaction }
-              stats={ tx.stats }
+                stats={ tx.stats }
-              blockNumber={ blockNumber }
+                blockNumber={ blockNumber }
-              />
+                />
-          ))
+            ))
-        }
+          }
         </tbody>
       </table>
     );

js/src/dapps/localtx/Transaction/transaction.js

@@ -83,7 +83,7 @@ class BaseTransaction extends Component {
 
     return (
       <span className={ styles.nowrap }>
-       { noOfPropagations } ({ noOfPeers } peers)
+        { noOfPropagations } ({ noOfPeers } peers)
       </span>
     );
   }
@@ -110,7 +110,7 @@ export class Transaction extends BaseTransaction {
   static renderHeader () {
     return (
       <tr className={ styles.header }>
-        <th></th>
+        <th />
         <th>
           Transaction
         </th>
@@ -129,8 +129,7 @@ export class Transaction extends BaseTransaction {
         <th>
           # Propagated
         </th>
-        <th>
+        <th />
-        </th>
       </tr>
     );
   }
@@ -201,7 +200,7 @@ export class LocalTransaction extends BaseTransaction {
   static renderHeader () {
     return (
       <tr className={ styles.header }>
-        <th></th>
+        <th />
         <th>
           Transaction
         </th>

js/src/dapps/signaturereg/Import/import.js

@@ -73,7 +73,7 @@ export default class Import extends Component {
           Provide the ABI (Contract Interface) in the space provided below. Only non-constant functions (names & types) will be imported, while constant functions and existing signatures will be ignored.
         </div>
         <div className={ styles.info }>
-          <textarea rows='8' className={ styles.error } onChange={ this.onAbiEdit }></textarea>
+          <textarea rows='8' className={ styles.error } onChange={ this.onAbiEdit } />
           <div className={ styles.error }>
             { abiError }
           </div>

js/src/dapps/tokenreg.js

@@ -30,9 +30,9 @@ import './style.css';
 
 ReactDOM.render(
   (
-  <Provider store={ store }>
+    <Provider store={ store }>
-    <Container />
+      <Container />
-  </Provider>
+    </Provider>
   ),
   document.querySelector('#container')
 );

js/src/dapps/tokenreg/Tokens/actions.js

@@ -147,7 +147,7 @@ export const loadToken = (index) => (dispatch, getState) => {
       dispatch(setTokenData(index, null));
       dispatch(setTokenLoading(index, false));
 
-      if (!e instanceof TypeError) {
+      if (!(e instanceof TypeError)) {
         console.error(`loadToken #${index} error`, e);
       }
     });

js/src/modals/LoadContract/loadContract.js

@@ -79,16 +79,16 @@ export default class LoadContract extends Component {
     const contractsTab = Object.keys(contracts).length === 0
       ? null
       : (
-      <Tab label='Local' >
+        <Tab label='Local' >
-        { this.renderEditor() }
+          { this.renderEditor() }
 
-        <SelectableList
+          <SelectableList
-          onChange={ this.onClickContract }
+            onChange={ this.onClickContract }
-        >
+          >
-          <Subheader>Saved Contracts</Subheader>
+            <Subheader>Saved Contracts</Subheader>
-          { this.renderContracts(contracts) }
+            { this.renderContracts(contracts) }
-        </SelectableList>
+          </SelectableList>
-      </Tab>
+        </Tab>
       );
 
     return (
@@ -174,9 +174,9 @@ export default class LoadContract extends Component {
         const secondaryText = description || `Saved ${moment(timestamp).fromNow()}`;
         const remove = removable
           ? (
-          <IconButton onTouchTap={ onDelete }>
+            <IconButton onTouchTap={ onDelete }>
-            <DeleteIcon />
+              <DeleteIcon />
-          </IconButton>
+            </IconButton>
           )
           : null;
 

js/src/modals/PasswordManager/passwordManager.js

@@ -98,10 +98,10 @@ export default class PasswordManager extends Component {
 
     const passwordHint = meta && meta.passwordHint
       ? (
-      <span className={ styles.passwordHint }>
+        <span className={ styles.passwordHint }>
-        <span className={ styles.hintLabel }>Hint </span>
+          <span className={ styles.hintLabel }>Hint </span>
-        { meta.passwordHint }
+          { meta.passwordHint }
-      </span>
+        </span>
       )
       : null;
 

js/src/modals/SMSVerification/SMSVerification.js

@@ -137,7 +137,7 @@ export default class SMSVerification extends Component {
       step,
       fee, number, isNumberValid, isVerified, hasRequested,
       requestTx, isCodeValid, confirmationTx,
-      setNumber, setConsentGiven, setCode
+      setCode
     } = this.props.store;
 
     switch (phase) {

js/src/ui/Container/Title/title.js

@@ -38,9 +38,9 @@ export default class Title extends Component {
 
     const byLine = typeof byline === 'string'
       ? (
-      <span title={ byline }>
+        <span title={ byline }>
-        { byline }
+          { byline }
-      </span>
+        </span>
       )
       : byline;
 

js/src/ui/Tooltips/Tooltip/tooltip.js

@@ -74,10 +74,10 @@ class Tooltip extends Component {
           label='Next'
           onTouchTap={ onNextTooltip } />
       ] : (
-      <FlatButton
+        <FlatButton
-        icon={ <ActionDoneAll /> }
+          icon={ <ActionDoneAll /> }
-        label='Done'
+          label='Done'
-        onTouchTap={ onCloseTooltips } />
+          onTouchTap={ onCloseTooltips } />
       );
 
     return (

js/src/views/Accounts/accounts.js

@@ -92,7 +92,7 @@ class Accounts extends Component {
 
     const loadings = ((accounts && Object.keys(accounts)) || []).map((_, idx) => (
       <div key={ idx } className={ styles.loading }>
-        <div></div>
+        <div />
       </div>
     ));
 

js/src/views/Application/TabBar/tabBar.js

@@ -192,7 +192,7 @@ class TabBar extends Component {
     return (
       <ToolbarGroup>
         <div className={ styles.last }>
-          <div></div>
+          <div />
         </div>
       </ToolbarGroup>
     );
@@ -206,7 +206,7 @@ class TabBar extends Component {
       .map((view, index) => {
         const body = (view.id === 'accounts')
           ? (
-          <Tooltip className={ styles.tabbarTooltip } text='navigate between the different parts and views of the application, switching between an account view, token view and distributed application view' />
+            <Tooltip className={ styles.tabbarTooltip } text='navigate between the different parts and views of the application, switching between an account view, token view and distributed application view' />
           )
           : null;
 

js/src/views/Dapp/dapp.js

@@ -65,8 +65,7 @@ export default class Dapp extends Component {
         name={ name }
         sandbox='allow-forms allow-popups allow-same-origin allow-scripts'
         scrolling='auto'
-        src={ src }>
+        src={ src } />
-      </iframe>
     );
   }
 }

js/src/views/Dapps/AddDapps/AddDapps.js

@@ -51,8 +51,7 @@ export default class AddDapps extends Component {
         ] }
         visible
         scroll>
-        <div className={ styles.warning }>
+        <div className={ styles.warning } />
-        </div>
         { this.renderList(store.sortedLocal, 'Applications locally available', 'All applications installed locally on the machine by the user for access by the Parity client.') }
         { this.renderList(store.sortedBuiltin, 'Applications bundled with Parity', 'Experimental applications developed by the Parity team to show off dapp capabilities, integration, experimental features and to control certain network-wide client behaviour.') }
         { this.renderList(store.sortedNetwork, 'Applications on the global network', 'These applications are not affiliated with Parity nor are they published by Parity. Each remain under the control of their respective authors. Please ensure that you understand the goals for each application before interacting.') }

js/src/views/Signer/components/TransactionPendingForm/TransactionPendingForm.js

@@ -80,7 +80,7 @@ export default class TransactionPendingForm extends Component {
         onClick={ this.onToggleReject }
         className={ styles.rejectToggle }
       >
-      { html }
+        { html }
       </a>
     );
   }

js/src/views/Status/components/Calls/Calls.js

@@ -62,7 +62,7 @@ export default class Calls extends Component {
         onClick={ this.clearHistory }
         className={ styles.removeIcon }
         >
-        <i className='icon-trash'></i>
+        <i className='icon-trash' />
       </a>
     );
   }

js/src/views/Status/components/EditableValue/EditableValue.js

@@ -140,7 +140,7 @@ export default class EditableValue extends Component {
         title={ `Reset to ${this.props.defaultValue}` }
         { ...this._testInherit('reset') }
         >
-        <i className='icon-anchor'></i>
+        <i className='icon-anchor' />
       </a>
     );
   }
@@ -154,7 +154,7 @@ export default class EditableValue extends Component {
           onClick={ this.onSubmit }
           { ...this._testInherit('submit') }
           >
-          <i className='icon-check'></i>
+          <i className='icon-check' />
         </a>,
         <a
           key={ 'cancel' }
@@ -162,7 +162,7 @@ export default class EditableValue extends Component {
           onClick={ this.onCancel }
           { ...this._testInherit('cancel') }
           >
-          <i className='icon-close'></i>
+          <i className='icon-close' />
         </a>
       ];
     }
@@ -175,7 +175,7 @@ export default class EditableValue extends Component {
         title='Edit'
         { ...this._testInherit('edit') }
         >
-        <i className='icon-pencil'></i>
+        <i className='icon-pencil' />
       </a>
     );
   }

js/src/views/Status/components/JsonEditor/JsonEditor.js

@@ -53,7 +53,7 @@ export default class JsonEditor extends Component {
           className={ `${styles.editor} ${errorClass}` }
           value={ this.state.value }
           />
-          { this.renderError() }
+        { this.renderError() }
       </div>
     );
   }

js/src/views/Status/components/RpcCalls/RpcCalls.js

@@ -66,7 +66,7 @@ export default class RpcCalls extends Component {
               </div>
             </div>
           </div>
-          <div style={ { clear: 'both' } }></div>
+          <div style={ { clear: 'both' } } />
           <div className='dapp-container'>
             <div className='row'>
               <div className='col col-6 mobile-full'>

js/src/views/Status/components/RpcDocs/RpcDocs.js

@@ -46,7 +46,7 @@ class RpcDocs extends Component {
               </div>
             </div>
           </div>
-          <div style={ { clear: 'both' } }></div>
+          <div style={ { clear: 'both' } } />
           <div className='dapp-container'>
             <div className='row'>
               <div className='col col-12'>

js/src/views/Status/components/RpcNav/RpcNav.js

@@ -24,10 +24,10 @@ export default class RpcNav extends Component {
     return (
       <div className={ styles.nav }>
         <Link to={ '/rpc/calls' } activeClassName={ styles.activeNav } { ...this._test('rpc-calls-link') }>
-          <i className='icon-call-out'></i>
+          <i className='icon-call-out' />
         </Link>
         <Link to={ '/rpc/docs' } activeClassName={ styles.activeNav } { ...this._test('rpc-docs-link') }>
-          <i className='icon-docs'></i>
+          <i className='icon-docs' />
         </Link>
       </div>
     );

js/src/views/WriteContract/writeContract.js

@@ -118,8 +118,7 @@ class WriteContract extends Component {
               <span
                 className={ styles.slider }
                 onMouseDown={ this.handleStartResize }
-              >
+              />
-              </span>
             </div>
 
             <div