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,11 +1,10 @@
-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 }) => {
+const FormContainer = ({ title, description, back, next, children }) => (
-  return (
   <div className={styles.container}>
     <div className={styles.titleBar} />
 
@@ -13,8 +12,7 @@ const FormContainer = ({ title, description, back, next, children }) => {
       <section>
         <Isvg src={zapLogo} />
       </section>
-        <section>
+      <section />
-        </section>
     </header>
 
     <div className={styles.info}>
@@ -41,8 +39,8 @@ const FormContainer = ({ title, description, back, next, children }) => {
       </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,20 +7,16 @@ import FormContainer from './FormContainer'
 import Alias from './Alias'
 import styles from './Onboarding.scss'
 
-
+const Onboarding = ({
-class Onboarding extends Component {
-  render() {
-    const {
   onboarding: {
     step,
     alias
   },
   submit,
   aliasProps
-    } = this.props
+}) => {
-
   const renderStep = () => {
-      switch(step) {
+    switch (step) {
       case 1:
         return (
           <FormContainer
@@ -44,7 +38,6 @@ class Onboarding extends Component {
       {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,
+  syncingProps
-  updateAlias,
-  changeStep,
 }) => {
   // 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)