linting

src/App.js

@@ -14,7 +14,6 @@ import WaitingModal from './components/waiting-modal'
 import AsyncLoad from './services/async-load'
 import ServerSelect from './components/servers'
 import Footer from './components/footer'
-import GetBalance from './components/balance'
 import NavMenu from './components/nav-menu'
 import AppBody from './components/app-body'
 
@@ -81,7 +80,7 @@ class App extends React.Component {
       <>
         <GetRestUrl />
         <LoadScripts />
-        <NavMenu menuHandler={this.handleMenuClick}/>
+        <NavMenu menuHandler={this.onMenuClick} />
         {this.state.walletInitialized ? <InitializedView wallet={this.state.wallet} menuState={this.state.menuState} /> : <UninitializedView modalBody={this.state.modalBody} hideSpinner={this.state.hideSpinner} />}
         <ServerSelect />
         <Footer />
@@ -101,7 +100,7 @@ class App extends React.Component {
   // This handler is passed into the child menu component. When an item in the
   // nav menu is clicked, this handler will update the state. The state is
   // used by the AppBody component to determine which View component to display.
-  handleMenuClick(menuState) {
+  onMenuClick (menuState) {
     // console.log('menuState: ', menuState)
 
     _this.setState({

src/components/app-body/index.js

@@ -44,10 +44,8 @@ class AppBody extends React.Component {
     switch (menuState) {
       case 0:
         return (<GetBalance wallet={_this.state.wallet} />)
-        break
       case 1:
         return (<TakePicture />)
-        break
       default:
         return (<GetBalance wallet={_this.state.wallet} />)
     }

src/components/balance.js

@@ -34,7 +34,7 @@ class GetBalance extends React.Component {
                   <Form.Control type='text' placeholder='bitcoincash:qqlrzp23w08434twmvr4fxw672whkjy0py26r63g3d' onChange={e => this.setState({ textInput: e.target.value })} />
                 </Form.Group>
 
-                <Button variant='primary' onClick={this.getBalance}>
+                <Button variant='primary' onClick={this.handleGetBalance}>
                   Check Balance
                 </Button>
               </Form>
@@ -51,7 +51,7 @@ class GetBalance extends React.Component {
     )
   }
 
-  async getBalance(event) {
+  async handleGetBalance (event) {
     try {
       const textInput = _this.state.textInput
 

src/components/nav-menu/index.js

@@ -7,7 +7,7 @@
 
 // Global npm libraries
 import React from 'react'
-import { Nav, Navbar, Image } from "react-bootstrap"
+import { Nav, Navbar, Image } from 'react-bootstrap'
 import Logo from './psf-logo.png'
 
 class NavMenu extends React.Component {
@@ -28,18 +28,18 @@ class NavMenu extends React.Component {
 
     return (
       <>
-        <Navbar collapseOnSelect expand="xxxl" bg="dark" variant="dark" style={{paddingRight: '20px'}} >
-          <Navbar.Brand href="#home" style={{paddingLeft: '20px'}}>
-            <Image src={Logo} thumbnail width="50" />{' '}
+        <Navbar collapseOnSelect expand='xxxl' bg='dark' variant='dark' style={{ paddingRight: '20px' }}>
+          <Navbar.Brand href='#home' style={{ paddingLeft: '20px' }}>
+            <Image src={Logo} thumbnail width='50' />{' '}
             PSF Web3 Demo
           </Navbar.Brand>
 
-          <Navbar.Toggle aria-controls="responsive-navbar-nav" />
-          <Navbar.Collapse id="responsive-navbar-nav">
-            <Nav className="mr-auto">
-              <Nav.Link href="#" onClick={() => this.handleClickEvent(0)}>Check Balance</Nav.Link>
-              <Nav.Link href="#" onClick={() => this.handleClickEvent(1)}>Take Picture</Nav.Link>
-              <Nav.Link href="#">Placeholder 3</Nav.Link>
+          <Navbar.Toggle aria-controls='responsive-navbar-nav' />
+          <Navbar.Collapse id='responsive-navbar-nav'>
+            <Nav className='mr-auto'>
+              <Nav.Link href='#' onClick={() => this.handleClickEvent(0)}>Check Balance</Nav.Link>
+              <Nav.Link href='#' onClick={() => this.handleClickEvent(1)}>Take Picture</Nav.Link>
+              <Nav.Link href='#'>Placeholder 3</Nav.Link>
             </Nav>
           </Navbar.Collapse>
         </Navbar>

src/components/take-picture/index.js

@@ -10,6 +10,8 @@ class TakePicture extends React.Component {
   constructor (props) {
     super(props)
 
+    console.log('Take Picture component loaded')
+
     // this.state = {
     //   activeView: 0,
     //   menuState: props.menuState