fix(lint): linting errors

app/components/Onboarding/Alias.js

@@ -1,7 +1,5 @@
-import React, { Component } from 'react'
+import React from 'react'
 import PropTypes from 'prop-types'
-import Isvg from 'react-inlinesvg'
-import zapLogo from 'icons/zap_logo.svg'
 import styles from './Alias.scss'
 
 const Alias = ({ alias, updateAlias }) => (

app/components/Onboarding/FormContainer.js

@@ -1,48 +1,46 @@
-import React, { Component } from 'react'
+import React from 'react'
 import PropTypes from 'prop-types'
 import Isvg from 'react-inlinesvg'
 import zapLogo from 'icons/zap_logo.svg'
 import styles from './FormContainer.scss'
 
-const FormContainer = ({ title, description, back, next, children }) => {
-  return (
-    <div className={styles.container}>
-      <div className={styles.titleBar} />
+const FormContainer = ({ title, description, back, next, children }) => (
+  <div className={styles.container}>
+    <div className={styles.titleBar} />
 
-      <header className={styles.header}>
+    <header className={styles.header}>
+      <section>
+        <Isvg src={zapLogo} />
+      </section>
+      <section />
+    </header>
+
+    <div className={styles.info}>
+      <h1>{title}</h1>
+      <p>{description}</p>
+    </div>
+
+    <div className={styles.content}>
+      {children}
+    </div>
+
+    <footer className={styles.footer}>
+      <div className={styles.buttonsContainer}>
         <section>
-          <Isvg src={zapLogo} />
+          {
+            back && <div onClick={back}>Back</div>
+          }
         </section>
         <section>
+          {
+            next && <div onClick={next}>Next</div>
+          }
         </section>
-      </header>
-
-      <div className={styles.info}>
-        <h1>{title}</h1>
-        <p>{description}</p>
-      </div>
-
-      <div className={styles.content}>
-        {children}
       </div>
+    </footer>
+  </div>
+)
 
-      <footer className={styles.footer}>
-        <div className={styles.buttonsContainer}>
-          <section>
-            {
-              back && <div onClick={back}>Back</div>
-            }
-          </section>
-          <section>
-            {
-              next && <div onClick={next}>Next</div>
-            }
-          </section>
-        </div>
-      </footer>
-    </div>
-  )
-}
 
 FormContainer.propTypes = {
   title: PropTypes.string.isRequired,

app/components/Onboarding/Onboarding.js

@@ -1,7 +1,5 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
-import Isvg from 'react-inlinesvg'
-import zapLogo from 'icons/zap_logo.svg'
 
 import LoadingBolt from 'components/LoadingBolt'
 
@@ -9,42 +7,37 @@ import FormContainer from './FormContainer'
 import Alias from './Alias'
 import styles from './Onboarding.scss'
 
-
-class Onboarding extends Component {
-  render() {
-    const {
-      onboarding: {
-        step,
-        alias
-      },
-      submit,
-      aliasProps
-    } = this.props
-
-    const renderStep = () => {
-      switch(step) {
-        case 1:
-          return (
-            <FormContainer
-              title={'1. What should we call you?'}
-              description={'Set your nickname to help others connect with you on the Lightning Network'}
-              back={null}
-              next={() => submit(alias)}
-            >
-              <Alias {...aliasProps} />
-            </FormContainer>
-          )
-        default:
-          return <LoadingBolt />
-      }
+const Onboarding = ({
+  onboarding: {
+    step,
+    alias
+  },
+  submit,
+  aliasProps
+}) => {
+  const renderStep = () => {
+    switch (step) {
+      case 1:
+        return (
+          <FormContainer
+            title={'1. What should we call you?'}
+            description={'Set your nickname to help others connect with you on the Lightning Network'}
+            back={null}
+            next={() => submit(alias)}
+          >
+            <Alias {...aliasProps} />
+          </FormContainer>
+        )
+      default:
+        return <LoadingBolt />
     }
-
-    return (
-      <div className={styles.container}>
-        {renderStep()}
-      </div>
-    )
   }
+
+  return (
+    <div className={styles.container}>
+      {renderStep()}
+    </div>
+  )
 }
 
 Onboarding.propTypes = {

app/components/Onboarding/Syncing.js

@@ -26,7 +26,7 @@ class Syncing extends Component {
             <div className={styles.progressBar}>
               <div className={styles.progress} style={{ width: isNaN(syncPercentage) ? 0 : `${syncPercentage}%` }} />
             </div>
-            <h4>{isNaN(parseInt(syncPercentage)) || syncPercentage.toString().length === 0 ? '' : `${syncPercentage}%`}</h4>
+            <h4>{isNaN(parseInt(syncPercentage, 10)) || syncPercentage.toString().length === 0 ? '' : `${syncPercentage}%`}</h4>
           </section>
         </div>
       </div>

app/containers/Root.js

@@ -55,9 +55,7 @@ const Root = ({
   onboarding,
   submit,
   aliasProps,
-  syncingProps,
-  updateAlias,
-  changeStep,
+  syncingProps
 }) => {
   // If we are syncing show the syncing screen
   if (!onboarding.onboarded) {
@@ -90,8 +88,14 @@ const Root = ({
 Root.propTypes = {
   store: PropTypes.object.isRequired,
   history: PropTypes.object.isRequired,
+  lnd: PropTypes.object.isRequired,
   onboarding: PropTypes.object.isRequired,
-  syncingProps: PropTypes.object.isRequired
+  syncingProps: PropTypes.object.isRequired,
+  aliasProps: PropTypes.object.isRequired,
+
+  submit: PropTypes.func.isRequired,
+  updateAlias: PropTypes.func.isRequired,
+  changeStep: PropTypes.func.isRequired
 }
 
 export default connect(mapStateToProps, mapDispatchToProps, mergeProps)(Root)