From 6162119aa9c6bf12cfa3f5b1f96ed41e6a33f7e9 Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Wed, 2 Feb 2022 16:18:42 -0800
Subject: [PATCH 1/3] fix(config): Setting API interface in site-config.js

---
 src/components/admin-lte/wallet/create.js | 61 +++++++++----------
 src/components/admin-lte/wallet/import.js | 71 ++++++++++++-----------
 src/components/site-config.js             |  8 ++-
 src/redux/createStore.js                  | 15 ++---
 4 files changed, 83 insertions(+), 72 deletions(-)

diff --git a/src/components/admin-lte/wallet/create.js b/src/components/admin-lte/wallet/create.js
index 1c1eb06..6f1360d 100644
--- a/src/components/admin-lte/wallet/create.js
+++ b/src/components/admin-lte/wallet/create.js
@@ -4,10 +4,9 @@ import { Row, Col, Box, Button } from 'adminlte-2-react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 // import BchWallet from 'minimal-slp-wallet'
 
-const BchWallet =
-  typeof window !== 'undefined'
-    ? window.SlpWallet
-    : null
+const siteConfig = require('../../site-config')
+
+const BchWallet = typeof window !== 'undefined' ? window.SlpWallet : null
 
 let _this
 class NewWallet extends React.Component {
@@ -29,31 +28,31 @@ class NewWallet extends React.Component {
           <Col sm={2} />
           <Col sm={8}>
             <Box
-              className='hover-shadow border-none mt-2'
+              className="hover-shadow border-none mt-2"
               loaded={!_this.state.inFetch}
             >
               <Row>
-                <Col sm={12} className='text-center'>
+                <Col sm={12} className="text-center">
                   <h1>
                     <FontAwesomeIcon
-                      className='title-icon'
-                      size='xs'
-                      icon='plus'
+                      className="title-icon"
+                      size="xs"
+                      icon="plus"
                     />
                     <span>New Wallet</span>
                   </h1>
                 </Col>
-                <Col sm={12} className='text-center mt-2 mb-2'>
+                <Col sm={12} className="text-center mt-2 mb-2">
                   <Button
-                    text='Create Wallet'
-                    type='primary'
-                    className='btn-lg'
+                    text="Create Wallet"
+                    type="primary"
+                    className="btn-lg"
                     onClick={_this.handleCreateWallet}
                   />
                 </Col>
-                <Col sm={12} className='text-center '>
+                <Col sm={12} className="text-center ">
                   {_this.state.errMsg && (
-                    <p className='error-color mt-2'>{_this.state.errMsg}</p>
+                    <p className="error-color mt-2">{_this.state.errMsg}</p>
                   )}
                 </Col>
               </Row>
@@ -79,7 +78,7 @@ class NewWallet extends React.Component {
       _this.setState({
         inFetch: true
       })
-     
+
       const bchjsOptions = _this.getBchjsOptions()
 
       const bchWalletLib = new _this.BchWallet(null, bchjsOptions)
@@ -103,7 +102,7 @@ class NewWallet extends React.Component {
       let currentRate
 
       if (bchjs.restURL.includes('abc.fullstack')) {
-        currentRate = await bchjs.Price.getBchaUsd() * 100
+        currentRate = (await bchjs.Price.getBchaUsd()) * 100
       } else {
         // BCHN price.
         currentRate = (await bchjs.Price.getUsd()) * 100
@@ -123,43 +122,45 @@ class NewWallet extends React.Component {
       _this.handleError(error)
     }
   }
-   getBchjsOptions (){
+
+  getBchjsOptions () {
     try {
       const currentWallet = _this.props.walletInfo
       // force interface from props
-      if(_this.props.interface){
+      if (_this.props.interface) {
         currentWallet.interface = _this.props.interface
       }
 
-      const _interface = currentWallet.interface || 'consumer-api'
+      const _interface = currentWallet.interface || siteConfig.interface
 
       const jwtToken = currentWallet.JWT
       const restURL = currentWallet.selectedServer
       const bchjsOptions = {}
-      
-      if(_interface === 'consumer-api'){
+
+      if (_interface === 'consumer-api') {
         bchjsOptions.interface = _interface
+        bchjsOptions.restURL = siteConfig.restURL
         return bchjsOptions
       }
-  
+
       if (jwtToken) {
         bchjsOptions.apiToken = jwtToken
-        
       }
-  
+
       if (restURL) {
         bchjsOptions.restURL = restURL
       }
-  
+
       if (_interface === 'rest-api') {
         bchjsOptions.interface = _interface
       }
-  
+
       return bchjsOptions
     } catch (error) {
       console.warn(error)
     }
   }
+
   handleError (error) {
     // console.error(error)
     let errMsg = ''
@@ -173,9 +174,9 @@ class NewWallet extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target='_blank'
-              href='https://fullstack.cash'
-              rel='noopener noreferrer'
+              target="_blank"
+              href="https://fullstack.cash"
+              rel="noopener noreferrer"
             >
               FullStack.cash
             </a>
diff --git a/src/components/admin-lte/wallet/import.js b/src/components/admin-lte/wallet/import.js
index 9000090..0a5aee8 100644
--- a/src/components/admin-lte/wallet/import.js
+++ b/src/components/admin-lte/wallet/import.js
@@ -4,6 +4,8 @@ import { Row, Col, Box, Button, Inputs } from 'adminlte-2-react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 // import BchWallet from 'minimal-slp-wallet'
 
+const siteConfig = require('../../site-config')
+
 const BchWallet = typeof window !== 'undefined' ? window.SlpWallet : null
 
 const { Text } = Inputs
@@ -26,51 +28,51 @@ class ImportWallet extends React.Component {
 
   render () {
     return (
-      <Row className=''>
+      <Row className="">
         <Col sm={2} />
         <Col sm={8}>
           <Box
-            className='hover-shadow border-none mt-2'
+            className="hover-shadow border-none mt-2"
             loaded={!_this.state.inFetch}
           >
             <Row>
-              <Col sm={12} className='text-center'>
+              <Col sm={12} className="text-center">
                 <h1>
                   <FontAwesomeIcon
-                    className='title-icon'
-                    size='xs'
-                    icon='file-import'
+                    className="title-icon"
+                    size="xs"
+                    icon="file-import"
                   />
                   <span>Import Wallet</span>
                 </h1>
               </Col>
-              <Col sm={12} className='text-center mt-2 mb-2'>
-                <Row className='flex justify-content-center'>
+              <Col sm={12} className="text-center mt-2 mb-2">
+                <Row className="flex justify-content-center">
                   <Col sm={8}>
-                    <form autoComplete='off'>
+                    <form autoComplete="off">
                       <Text
-                        id='import-mnemonic'
-                        name='mnemonic'
-                        placeholder='12 word mnemonic'
-                        label='12 word mnemonic'
-                        labelPosition='above'
+                        id="import-mnemonic"
+                        name="mnemonic"
+                        placeholder="12 word mnemonic"
+                        label="12 word mnemonic"
+                        labelPosition="above"
                         onChange={_this.handleUpdate}
                       />
                     </form>
                   </Col>
                 </Row>
               </Col>
-              <Col sm={12} className='text-center mb-2'>
+              <Col sm={12} className="text-center mb-2">
                 <Button
-                  text='Import'
-                  type='primary'
-                  className='btn-lg'
+                  text="Import"
+                  type="primary"
+                  className="btn-lg"
                   onClick={_this.handleImportWallet}
                 />
               </Col>
-              <Col sm={12} className='text-center'>
+              <Col sm={12} className="text-center">
                 {_this.state.errMsg && (
-                  <p className='error-color'>{_this.state.errMsg}</p>
+                  <p className="error-color">{_this.state.errMsg}</p>
                 )}
               </Col>
             </Row>
@@ -115,7 +117,6 @@ class ImportWallet extends React.Component {
 
       const bchjsOptions = _this.getBchjsOptions()
 
-
       const bchWalletLib = new _this.BchWallet(
         _this.state.mnemonic,
         bchjsOptions
@@ -162,43 +163,45 @@ class ImportWallet extends React.Component {
       _this.handleError(error)
     }
   }
-  getBchjsOptions (){
+
+  getBchjsOptions () {
     try {
       const currentWallet = _this.props.walletInfo
       // force interface from props
-      if(_this.props.interface){
+      if (_this.props.interface) {
         currentWallet.interface = _this.props.interface
       }
 
-      const _interface = currentWallet.interface || 'consumer-api'
+      const _interface = currentWallet.interface || siteConfig.interface
 
       const jwtToken = currentWallet.JWT
       const restURL = currentWallet.selectedServer
       const bchjsOptions = {}
-      
-      if(_interface === 'consumer-api'){
+
+      if (_interface === 'consumer-api') {
         bchjsOptions.interface = _interface
+        bchjsOptions.restURL = siteConfig.restURL
         return bchjsOptions
       }
-  
+
       if (jwtToken) {
         bchjsOptions.apiToken = jwtToken
-        
       }
-  
+
       if (restURL) {
         bchjsOptions.restURL = restURL
       }
-  
+
       if (_interface === 'rest-api') {
         bchjsOptions.interface = _interface
       }
-  
+
       return bchjsOptions
     } catch (error) {
       console.warn(error)
     }
   }
+
   // Reset form and component state
   resetValues () {
     _this.setState({
@@ -237,9 +240,9 @@ class ImportWallet extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target='_blank'
-              href='https://fullstack.cash'
-              rel='noopener noreferrer'
+              target="_blank"
+              href="https://fullstack.cash"
+              rel="noopener noreferrer"
             >
               FullStack.cash
             </a>
diff --git a/src/components/site-config.js b/src/components/site-config.js
index 3118883..a4f6a61 100644
--- a/src/components/site-config.js
+++ b/src/components/site-config.js
@@ -19,7 +19,13 @@ const config = {
   sourceCode:
     'https://github.com/Permissionless-Software-Foundation/gatsby-theme-bch-wallet',
   torUrl: '2egutot63q765ciwsenlcy5zdyxwxt7olzbldr5dx5i3ixsef2nvrzid.onion',
-  clearWebUrl: 'https://gatsby-ipfs-web-wallet.fullstack.cash'
+  clearWebUrl: 'https://gatsby-ipfs-web-wallet.fullstack.cash',
+
+  // Interface used by minial-slp-wallet
+  interface: 'consumer-api',
+  restURL: 'https://free-bch.fullstack.cash/'
+  // interface: 'rest-api',
+  // restURL: 'https://bchn.fullstack.cash/v5/'
 }
 
 module.exports = config
diff --git a/src/redux/createStore.js b/src/redux/createStore.js
index eaaf2dd..932d186 100644
--- a/src/redux/createStore.js
+++ b/src/redux/createStore.js
@@ -4,6 +4,8 @@ import { getWalletInfo, setWalletInfo } from '../components/localWallet'
 // import BchWallet from 'minimal-slp-wallet'
 const BchWallet = typeof window !== 'undefined' ? window.SlpWallet : null
 
+const siteConfig = require('../components/site-config')
+
 const reducer = (state, action) => {
   // Update walletInfo state property
   if (action.type === 'SET_WALLET_INFO') {
@@ -79,7 +81,7 @@ const instanceWallet = () => {
     const bchjsOptions = getBchjsOptions()
 
     const bchWalletLib = new BchWallet(localStorageInfo.mnemonic, bchjsOptions)
-     
+
     // Update bchjs instances  of minimal-slp-wallet libraries
     bchWalletLib.tokens.sendBch.bchjs = new bchWalletLib.BCHJS(bchjsOptions)
     bchWalletLib.tokens.utxos.bchjs = new bchWalletLib.BCHJS(bchjsOptions)
@@ -90,22 +92,22 @@ const instanceWallet = () => {
   }
 }
 
-const getBchjsOptions = ()=> {
+const getBchjsOptions = () => {
   try {
-    const _interface = localStorageInfo.interface || 'consumer-api'
+    const _interface = localStorageInfo.interface || siteConfig.interface
 
     const jwtToken = localStorageInfo.JWT
     const restURL = localStorageInfo.selectedServer
     const bchjsOptions = {}
-    
-    if(_interface === 'consumer-api'){
+
+    if (_interface === 'consumer-api') {
       bchjsOptions.interface = _interface
+      bchjsOptions.restURL = siteConfig.restURL
       return bchjsOptions
     }
 
     if (jwtToken) {
       bchjsOptions.apiToken = jwtToken
-      
     }
 
     if (restURL) {
@@ -121,7 +123,6 @@ const getBchjsOptions = ()=> {
     bchjsOptions.fee = FEE
     console.log(`Using ${bchjsOptions.fee} sats per byte for tx fees.`)
 
-
     return bchjsOptions
   } catch (error) {
     console.warn(error)

From 27c1994fd8ff2f27565e8bf9c6009d3e11389ae5 Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Thu, 3 Feb 2022 06:27:21 -0800
Subject: [PATCH 2/3] feat(site-config.js): Using to switch between dectralized
 and centralized infra

---
 src/components/admin-lte/index.js             | 40 ++++----
 .../admin-lte/tokens/send-tokens.js           | 91 +++++++++++--------
 src/components/site-config.js                 |  3 +-
 3 files changed, 76 insertions(+), 58 deletions(-)

diff --git a/src/components/admin-lte/index.js b/src/components/admin-lte/index.js
index 85c5a09..5f09c35 100644
--- a/src/components/admin-lte/index.js
+++ b/src/components/admin-lte/index.js
@@ -60,18 +60,18 @@ class AdminLTEPage extends React.Component {
         <AdminLTE
           title={[siteConfig.title]}
           titleShort={[siteConfig.titleShort]}
-          theme='blue'
+          theme="blue"
         >
           <Sidebar.Core>
-            <Item key='Balance' text='Balance' icon={siteConfig.balanceIcon}>
+            <Item key="Balance" text="Balance" icon={siteConfig.balanceIcon}>
               <Box
-                className='hover-shadow border-none background-none'
+                className="hover-shadow border-none background-none"
                 loaded={!_this.state.inFetch}
               >
-                <div className='sidebar-balance'>
+                <div className="sidebar-balance">
                   <div>
                     {!_this.state.inFetch && (
-                      <div className='siderbar-balance-content'>
+                      <div className="siderbar-balance-content">
                         <span>
                           <h3>{siteConfig.balanceText}</h3>
 
@@ -81,9 +81,9 @@ class AdminLTEPage extends React.Component {
                           <small>USD: ${_this.state.usdBalance}</small>
                         </span>
                         <FontAwesomeIcon
-                          className='ml-1 icon'
-                          size='lg'
-                          icon='redo'
+                          className="ml-1 icon"
+                          size="lg"
+                          icon="redo"
                           onClick={_this.handleGetBalance}
                         />
                       </div>
@@ -101,8 +101,8 @@ class AdminLTEPage extends React.Component {
           <Navbar.Core>
             <VersionStatus />
           </Navbar.Core>
-          <Layout path='/' {..._this.props}>
-            <div className='components-container'>
+          <Layout path="/" {..._this.props}>
+            <div className="components-container">
               {_this.renderNewViewItems(_this.props)}
             </div>
           </Layout>
@@ -134,14 +134,18 @@ class AdminLTEPage extends React.Component {
 
         const bchjs = bchWalletLib.bchjs
 
-        let currentRate
+        const currentRate = (await bchWalletLib.getUsd()) * 100
+        console.log('currentRate: ', currentRate)
 
-        if (bchjs.restURL.includes('abc.fullstack')) {
-          currentRate = (await bchjs.Price.getBchaUsd()) * 100
-        } else {
-          // BCHN price.
-          currentRate = (await bchjs.Price.getUsd()) * 100
-        }
+        // if (bchjs.restURL.includes('abc.fullstack')) {
+        //   currentRate = (await bchjs.Price.getBchaUsd()) * 100
+        // } else if (siteConfig.interface === 'consumer-api') {
+        //   bchjs.restURL = `${siteConfig.restURL}/`
+        //   currentRate = (await bchjs.Price.getUsd()) * 100
+        // } else {
+        //   // BCHN price.
+        //   currentRate = (await bchjs.Price.getUsd()) * 100
+        // }
 
         _this.setState({
           currentRate: currentRate
@@ -383,7 +387,7 @@ class AdminLTEPage extends React.Component {
     return (
       <li style={{ display: 'none' }}>
         {/* Adding this childrens prevents console errors */}
-        <a href='#'>
+        <a href="#">
           <span />
           <span />
         </a>
diff --git a/src/components/admin-lte/tokens/send-tokens.js b/src/components/admin-lte/tokens/send-tokens.js
index 5d6b36a..04adcd2 100644
--- a/src/components/admin-lte/tokens/send-tokens.js
+++ b/src/components/admin-lte/tokens/send-tokens.js
@@ -6,6 +6,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import ScannerModal from '../../qr-scanner/modal'
 const { Text } = Inputs
 
+const siteConfig = require('../../site-config')
+
 const BchWallet = typeof window !== 'undefined' ? window.SlpWallet : null
 
 let _this
@@ -33,72 +35,72 @@ class SendTokens extends React.Component {
       <>
         <Row>
           <Col sm={12}>
-            <Box className=' border-none mt-2' loaded={!this.state.inFetch}>
+            <Box className=" border-none mt-2" loaded={!this.state.inFetch}>
               <Row>
-                <Col sm={12} className='text-center'>
-                  <h1 id='SendTokens'>
+                <Col sm={12} className="text-center">
+                  <h1 id="SendTokens">
                     <FontAwesomeIcon
-                      className='title-icon'
-                      size='xs'
-                      icon='paper-plane'
+                      className="title-icon"
+                      size="xs"
+                      icon="paper-plane"
                     />
                     <span>Send</span>
                   </h1>
 
-                  <Box className='border-none'>
+                  <Box className="border-none">
                     <Text
-                      id='addressToSend'
-                      name='address'
-                      placeholder='Enter simpleledger address to send'
-                      label='SLP Address'
-                      labelPosition='above'
+                      id="addressToSend"
+                      name="address"
+                      placeholder="Enter simpleledger address to send"
+                      label="SLP Address"
+                      labelPosition="above"
                       onChange={_this.handleUpdate}
-                      className='title-icon'
+                      className="title-icon"
                       buttonRight={
-                        <Button icon='fa-qrcode' onClick={_this.handleModal} />
+                        <Button icon="fa-qrcode" onClick={_this.handleModal} />
                       }
                     />
 
                     <Text
-                      id='amountToSend'
-                      name='amountSat'
-                      placeholder='Enter amount to send'
-                      label='Amount'
+                      id="amountToSend"
+                      name="amountSat"
+                      placeholder="Enter amount to send"
+                      label="Amount"
                       value={_this.state.amountSat}
-                      labelPosition='above'
+                      labelPosition="above"
                       onChange={_this.handleUpdate}
                     />
-                    <Row className='token-botton-container'>
+                    <Row className="token-botton-container">
                       <Col xs={12} sm={4}>
                         <Button
-                          text='Send'
-                          type='primary'
-                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
+                          text="Send"
+                          type="primary"
+                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
                           onClick={_this.handleSend}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text='Send Max'
-                          type='primary'
-                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
+                          text="Send Max"
+                          type="primary"
+                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
                           onClick={_this.handleSendMax}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text='Close'
-                          type='primary'
-                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
+                          text="Close"
+                          type="primary"
+                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
                           onClick={_this.props.handleBack}
                         />
                       </Col>
                     </Row>
                   </Box>
                 </Col>
-                <Col sm={12} className='text-center'>
+                <Col sm={12} className="text-center">
                   {_this.state.errMsg && (
-                    <p className='error-color'>{_this.state.errMsg}</p>
+                    <p className="error-color">{_this.state.errMsg}</p>
                   )}
                   {/* {_this.state.txId && (
                     <p className=''>
@@ -216,12 +218,23 @@ class SendTokens extends React.Component {
       const result = await bchWalletLib.sendTokens(receiver, 5.0)
       // console.log('result: ', result)
 
-      _this.setState({
-        txId: result,
-        inFetch: false
-      })
+      if (siteConfig.interface === 'consumer-api') {
+        _this.setState({
+          txId: result.txid,
+          inFetch: false
+        })
 
-      _this.props.setTxId(result) /* Set the transaction ID in Tokens state */
+        // Set the transaction ID in Tokens state
+        _this.props.setTxId(result.txid)
+      } else {
+        _this.setState({
+          txId: result,
+          inFetch: false
+        })
+
+        // Set the transaction ID in Tokens state
+        _this.props.setTxId(result)
+      }
 
       _this.resetValues()
 
@@ -338,9 +351,9 @@ class SendTokens extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target='_blank'
-              href='https://fullstack.cash'
-              rel='noopener noreferrer'
+              target="_blank"
+              href="https://fullstack.cash"
+              rel="noopener noreferrer"
             >
               FullStack.cash
             </a>
diff --git a/src/components/site-config.js b/src/components/site-config.js
index a4f6a61..9cfc033 100644
--- a/src/components/site-config.js
+++ b/src/components/site-config.js
@@ -23,7 +23,8 @@ const config = {
 
   // Interface used by minial-slp-wallet
   interface: 'consumer-api',
-  restURL: 'https://free-bch.fullstack.cash/'
+  restURL: 'https://free-bch.fullstack.cash'
+  // restURL: 'http://localhost:5005'
   // interface: 'rest-api',
   // restURL: 'https://bchn.fullstack.cash/v5/'
 }

From 7866205fe2abcae39cae2b4325fb1e401a1c27d5 Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Thu, 3 Feb 2022 06:32:11 -0800
Subject: [PATCH 3/3] linting

---
 src/components/admin-lte/configure/jwt.js     | 21 ++--
 src/components/admin-lte/configure/servers.js |  2 +-
 src/components/admin-lte/index.js             | 24 ++---
 src/components/admin-lte/tokens/index.js      | 98 +++++++++----------
 .../admin-lte/tokens/send-tokens.js           | 68 ++++++-------
 src/components/admin-lte/wallet/create.js     | 28 +++---
 src/components/admin-lte/wallet/import.js     | 46 ++++-----
 src/components/footer/index.js                | 22 ++---
 8 files changed, 154 insertions(+), 155 deletions(-)

diff --git a/src/components/admin-lte/configure/jwt.js b/src/components/admin-lte/configure/jwt.js
index 262a70c..747a019 100644
--- a/src/components/admin-lte/configure/jwt.js
+++ b/src/components/admin-lte/configure/jwt.js
@@ -13,7 +13,7 @@ const { Text } = Inputs
 
 let _this
 class JsonWebTokens extends React.Component {
-  constructor(props) {
+  constructor (props) {
     super(props)
 
     _this = this
@@ -26,7 +26,7 @@ class JsonWebTokens extends React.Component {
     _this.BchWallet = BchWallet
   }
 
-  render() {
+  render () {
     return (
       <Row>
         <Col sm={12}>
@@ -70,7 +70,7 @@ class JsonWebTokens extends React.Component {
     )
   }
 
-  setJwt() {
+  setJwt () {
     const { JWT } = _this.props.walletInfo
     if (JWT) {
       const jwtElem = document.getElementById('jwt')
@@ -78,36 +78,35 @@ class JsonWebTokens extends React.Component {
     }
   }
 
-  handleUpdate(event) {
+  handleUpdate (event) {
     const value = event.target.value
     _this.setState({
       [event.target.name]: value
     })
   }
 
-  async handleUpdateJWT() {
+  async handleUpdateJWT () {
     try {
       const { mnemonic, selectedServer } = _this.props.walletInfo
       const _interface = _this.props.walletInfo.interface
 
-
       const apiToken = _this.state.JWT
 
       // Update instance with JWT
       if (mnemonic) {
-        let bchjsOptions = { apiToken: apiToken }
+        const bchjsOptions = { apiToken: apiToken }
         if (selectedServer) {
           bchjsOptions.restURL = selectedServer
         }
 
         bchjsOptions.interface = _interface
-        //console.log('bchjs options : ', bchjsOptions)
+        // console.log('bchjs options : ', bchjsOptions)
         const bchWalletLib = new _this.BchWallet(mnemonic, bchjsOptions)
 
         // Update bchjs instances  of minimal-slp-wallet libraries
         bchWalletLib.tokens.sendBch.bchjs = new bchWalletLib.BCHJS(bchjsOptions)
         bchWalletLib.tokens.utxos.bchjs = new bchWalletLib.BCHJS(bchjsOptions)
-        
+
         _this.props.setBchWallet(bchWalletLib)
       }
 
@@ -124,7 +123,7 @@ class JsonWebTokens extends React.Component {
   }
 
   // Reset form and component state
-  resetValues() {
+  resetValues () {
     _this.setState({
       JWT: '',
       errMsg: ''
@@ -133,7 +132,7 @@ class JsonWebTokens extends React.Component {
     jwtElem.value = ''
   }
 
-  componentDidMount() {
+  componentDidMount () {
     _this.setJwt()
   }
 }
diff --git a/src/components/admin-lte/configure/servers.js b/src/components/admin-lte/configure/servers.js
index 172fcd2..56e335f 100644
--- a/src/components/admin-lte/configure/servers.js
+++ b/src/components/admin-lte/configure/servers.js
@@ -226,7 +226,7 @@ class Servers extends React.Component {
 
         bchjsOptions.restURL = restURL
         bchjsOptions.interface = _interface
-        //console.log('bchjs options : ', bchjsOptions)
+        // console.log('bchjs options : ', bchjsOptions)
 
         const bchWalletLib = new _this.BchWallet(mnemonic, bchjsOptions)
 
diff --git a/src/components/admin-lte/index.js b/src/components/admin-lte/index.js
index 5f09c35..8c4b1a4 100644
--- a/src/components/admin-lte/index.js
+++ b/src/components/admin-lte/index.js
@@ -60,18 +60,18 @@ class AdminLTEPage extends React.Component {
         <AdminLTE
           title={[siteConfig.title]}
           titleShort={[siteConfig.titleShort]}
-          theme="blue"
+          theme='blue'
         >
           <Sidebar.Core>
-            <Item key="Balance" text="Balance" icon={siteConfig.balanceIcon}>
+            <Item key='Balance' text='Balance' icon={siteConfig.balanceIcon}>
               <Box
-                className="hover-shadow border-none background-none"
+                className='hover-shadow border-none background-none'
                 loaded={!_this.state.inFetch}
               >
-                <div className="sidebar-balance">
+                <div className='sidebar-balance'>
                   <div>
                     {!_this.state.inFetch && (
-                      <div className="siderbar-balance-content">
+                      <div className='siderbar-balance-content'>
                         <span>
                           <h3>{siteConfig.balanceText}</h3>
 
@@ -81,9 +81,9 @@ class AdminLTEPage extends React.Component {
                           <small>USD: ${_this.state.usdBalance}</small>
                         </span>
                         <FontAwesomeIcon
-                          className="ml-1 icon"
-                          size="lg"
-                          icon="redo"
+                          className='ml-1 icon'
+                          size='lg'
+                          icon='redo'
                           onClick={_this.handleGetBalance}
                         />
                       </div>
@@ -101,8 +101,8 @@ class AdminLTEPage extends React.Component {
           <Navbar.Core>
             <VersionStatus />
           </Navbar.Core>
-          <Layout path="/" {..._this.props}>
-            <div className="components-container">
+          <Layout path='/' {..._this.props}>
+            <div className='components-container'>
               {_this.renderNewViewItems(_this.props)}
             </div>
           </Layout>
@@ -132,7 +132,7 @@ class AdminLTEPage extends React.Component {
         await bchWalletLib.walletInfoPromise
         const myBalance = await bchWalletLib.getBalance()
 
-        const bchjs = bchWalletLib.bchjs
+        // const bchjs = bchWalletLib.bchjs
 
         const currentRate = (await bchWalletLib.getUsd()) * 100
         console.log('currentRate: ', currentRate)
@@ -387,7 +387,7 @@ class AdminLTEPage extends React.Component {
     return (
       <li style={{ display: 'none' }}>
         {/* Adding this childrens prevents console errors */}
-        <a href="#">
+        <a href='#'>
           <span />
           <span />
         </a>
diff --git a/src/components/admin-lte/tokens/index.js b/src/components/admin-lte/tokens/index.js
index 5525a25..8531486 100644
--- a/src/components/admin-lte/tokens/index.js
+++ b/src/components/admin-lte/tokens/index.js
@@ -31,22 +31,22 @@ class Tokens extends React.Component {
     return (
       <>
         <Button
-          text="Refresh"
-          icon="fa-redo"
-          type="primary"
-          className="btn-md ml-1 mt-1 mb-1"
+          text='Refresh'
+          icon='fa-redo'
+          type='primary'
+          className='btn-md ml-1 mt-1 mb-1'
           onClick={() => _this.handleGetTokens(true)}
         />
         {_this.state.txId && (
-          <div className="txIdContainer">
+          <div className='txIdContainer'>
             <button onClick={() => _this.setState({ txId: null })}>
               &times;
             </button>
-            <Col xs={12} className="text-center mt-1">
-              <Box title="Transaction ID" type="primary" className="p-0">
+            <Col xs={12} className='text-center mt-1'>
+              <Box title='Transaction ID' type='primary' className='p-0'>
                 <a
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  target='_blank'
+                  rel='noopener noreferrer'
                   href={`${_this.state.explorerURL}/${_this.state.txId}`}
                 >
                   {_this.state.txId}
@@ -71,46 +71,46 @@ class Tokens extends React.Component {
         )}
         {_this.state.inFetch
           ? (
-          <div className="spinner">
-            <img alt="Loading..." src={Spinner} width={100} />
-          </div>
+            <div className='spinner'>
+              <img alt='Loading...' src={Spinner} width={100} />
+            </div>
             )
           : (
-          <Content>
-            {_this.state.errMsg && (
-              <Box padding="true" className="container-nofound">
-                <Row>
-                  <Col xs={12}>
-                    <em>{_this.state.errMsg}</em>
-                  </Col>
-                </Row>
-              </Box>
-            )}
+            <Content>
+              {_this.state.errMsg && (
+                <Box padding='true' className='container-nofound'>
+                  <Row>
+                    <Col xs={12}>
+                      <em>{_this.state.errMsg}</em>
+                    </Col>
+                  </Row>
+                </Box>
+              )}
 
-            {_this.state.tokens.length > 0 && (
-              <>
-                <Row>
-                  {_this.state.tokens.map((val, i) => {
-                    if (val.qty > 0) {
-                      return (
-                        <Col sm={4} key={`token-${i}`}>
-                          <TokenCard
-                            key={`token-${i}`}
-                            id={`token-${i}`}
-                            token={val}
-                            showToken={_this.showToken}
-                            selectToken={_this.selectToken}
-                          />
-                        </Col>
-                      )
-                    } else {
-                      return <span key={`token-${i}`} />
-                    }
-                  })}
-                </Row>
-              </>
-            )}
-          </Content>
+              {_this.state.tokens.length > 0 && (
+                <>
+                  <Row>
+                    {_this.state.tokens.map((val, i) => {
+                      if (val.qty > 0) {
+                        return (
+                          <Col sm={4} key={`token-${i}`}>
+                            <TokenCard
+                              key={`token-${i}`}
+                              id={`token-${i}`}
+                              token={val}
+                              showToken={_this.showToken}
+                              selectToken={_this.selectToken}
+                            />
+                          </Col>
+                        )
+                      } else {
+                        return <span key={`token-${i}`} />
+                      }
+                    })}
+                  </Row>
+                </>
+              )}
+            </Content>
             )}
         <TokenModal
           bchWallet={_this.props.bchWallet}
@@ -227,9 +227,9 @@ class Tokens extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target="_blank"
-              href="https://fullstack.cash"
-              rel="noopener noreferrer"
+              target='_blank'
+              href='https://fullstack.cash'
+              rel='noopener noreferrer'
             >
               FullStack.cash
             </a>
diff --git a/src/components/admin-lte/tokens/send-tokens.js b/src/components/admin-lte/tokens/send-tokens.js
index 04adcd2..4474ede 100644
--- a/src/components/admin-lte/tokens/send-tokens.js
+++ b/src/components/admin-lte/tokens/send-tokens.js
@@ -35,72 +35,72 @@ class SendTokens extends React.Component {
       <>
         <Row>
           <Col sm={12}>
-            <Box className=" border-none mt-2" loaded={!this.state.inFetch}>
+            <Box className=' border-none mt-2' loaded={!this.state.inFetch}>
               <Row>
-                <Col sm={12} className="text-center">
-                  <h1 id="SendTokens">
+                <Col sm={12} className='text-center'>
+                  <h1 id='SendTokens'>
                     <FontAwesomeIcon
-                      className="title-icon"
-                      size="xs"
-                      icon="paper-plane"
+                      className='title-icon'
+                      size='xs'
+                      icon='paper-plane'
                     />
                     <span>Send</span>
                   </h1>
 
-                  <Box className="border-none">
+                  <Box className='border-none'>
                     <Text
-                      id="addressToSend"
-                      name="address"
-                      placeholder="Enter simpleledger address to send"
-                      label="SLP Address"
-                      labelPosition="above"
+                      id='addressToSend'
+                      name='address'
+                      placeholder='Enter simpleledger address to send'
+                      label='SLP Address'
+                      labelPosition='above'
                       onChange={_this.handleUpdate}
-                      className="title-icon"
+                      className='title-icon'
                       buttonRight={
-                        <Button icon="fa-qrcode" onClick={_this.handleModal} />
+                        <Button icon='fa-qrcode' onClick={_this.handleModal} />
                       }
                     />
 
                     <Text
-                      id="amountToSend"
-                      name="amountSat"
-                      placeholder="Enter amount to send"
-                      label="Amount"
+                      id='amountToSend'
+                      name='amountSat'
+                      placeholder='Enter amount to send'
+                      label='Amount'
                       value={_this.state.amountSat}
-                      labelPosition="above"
+                      labelPosition='above'
                       onChange={_this.handleUpdate}
                     />
-                    <Row className="token-botton-container">
+                    <Row className='token-botton-container'>
                       <Col xs={12} sm={4}>
                         <Button
-                          text="Send"
-                          type="primary"
-                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
+                          text='Send'
+                          type='primary'
+                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
                           onClick={_this.handleSend}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text="Send Max"
-                          type="primary"
-                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
+                          text='Send Max'
+                          type='primary'
+                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
                           onClick={_this.handleSendMax}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text="Close"
-                          type="primary"
-                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
+                          text='Close'
+                          type='primary'
+                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
                           onClick={_this.props.handleBack}
                         />
                       </Col>
                     </Row>
                   </Box>
                 </Col>
-                <Col sm={12} className="text-center">
+                <Col sm={12} className='text-center'>
                   {_this.state.errMsg && (
-                    <p className="error-color">{_this.state.errMsg}</p>
+                    <p className='error-color'>{_this.state.errMsg}</p>
                   )}
                   {/* {_this.state.txId && (
                     <p className=''>
@@ -351,9 +351,9 @@ class SendTokens extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target="_blank"
-              href="https://fullstack.cash"
-              rel="noopener noreferrer"
+              target='_blank'
+              href='https://fullstack.cash'
+              rel='noopener noreferrer'
             >
               FullStack.cash
             </a>
diff --git a/src/components/admin-lte/wallet/create.js b/src/components/admin-lte/wallet/create.js
index 6f1360d..d2d41f3 100644
--- a/src/components/admin-lte/wallet/create.js
+++ b/src/components/admin-lte/wallet/create.js
@@ -28,31 +28,31 @@ class NewWallet extends React.Component {
           <Col sm={2} />
           <Col sm={8}>
             <Box
-              className="hover-shadow border-none mt-2"
+              className='hover-shadow border-none mt-2'
               loaded={!_this.state.inFetch}
             >
               <Row>
-                <Col sm={12} className="text-center">
+                <Col sm={12} className='text-center'>
                   <h1>
                     <FontAwesomeIcon
-                      className="title-icon"
-                      size="xs"
-                      icon="plus"
+                      className='title-icon'
+                      size='xs'
+                      icon='plus'
                     />
                     <span>New Wallet</span>
                   </h1>
                 </Col>
-                <Col sm={12} className="text-center mt-2 mb-2">
+                <Col sm={12} className='text-center mt-2 mb-2'>
                   <Button
-                    text="Create Wallet"
-                    type="primary"
-                    className="btn-lg"
+                    text='Create Wallet'
+                    type='primary'
+                    className='btn-lg'
                     onClick={_this.handleCreateWallet}
                   />
                 </Col>
-                <Col sm={12} className="text-center ">
+                <Col sm={12} className='text-center '>
                   {_this.state.errMsg && (
-                    <p className="error-color mt-2">{_this.state.errMsg}</p>
+                    <p className='error-color mt-2'>{_this.state.errMsg}</p>
                   )}
                 </Col>
               </Row>
@@ -174,9 +174,9 @@ class NewWallet extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target="_blank"
-              href="https://fullstack.cash"
-              rel="noopener noreferrer"
+              target='_blank'
+              href='https://fullstack.cash'
+              rel='noopener noreferrer'
             >
               FullStack.cash
             </a>
diff --git a/src/components/admin-lte/wallet/import.js b/src/components/admin-lte/wallet/import.js
index 0a5aee8..72afb83 100644
--- a/src/components/admin-lte/wallet/import.js
+++ b/src/components/admin-lte/wallet/import.js
@@ -28,51 +28,51 @@ class ImportWallet extends React.Component {
 
   render () {
     return (
-      <Row className="">
+      <Row className=''>
         <Col sm={2} />
         <Col sm={8}>
           <Box
-            className="hover-shadow border-none mt-2"
+            className='hover-shadow border-none mt-2'
             loaded={!_this.state.inFetch}
           >
             <Row>
-              <Col sm={12} className="text-center">
+              <Col sm={12} className='text-center'>
                 <h1>
                   <FontAwesomeIcon
-                    className="title-icon"
-                    size="xs"
-                    icon="file-import"
+                    className='title-icon'
+                    size='xs'
+                    icon='file-import'
                   />
                   <span>Import Wallet</span>
                 </h1>
               </Col>
-              <Col sm={12} className="text-center mt-2 mb-2">
-                <Row className="flex justify-content-center">
+              <Col sm={12} className='text-center mt-2 mb-2'>
+                <Row className='flex justify-content-center'>
                   <Col sm={8}>
-                    <form autoComplete="off">
+                    <form autoComplete='off'>
                       <Text
-                        id="import-mnemonic"
-                        name="mnemonic"
-                        placeholder="12 word mnemonic"
-                        label="12 word mnemonic"
-                        labelPosition="above"
+                        id='import-mnemonic'
+                        name='mnemonic'
+                        placeholder='12 word mnemonic'
+                        label='12 word mnemonic'
+                        labelPosition='above'
                         onChange={_this.handleUpdate}
                       />
                     </form>
                   </Col>
                 </Row>
               </Col>
-              <Col sm={12} className="text-center mb-2">
+              <Col sm={12} className='text-center mb-2'>
                 <Button
-                  text="Import"
-                  type="primary"
-                  className="btn-lg"
+                  text='Import'
+                  type='primary'
+                  className='btn-lg'
                   onClick={_this.handleImportWallet}
                 />
               </Col>
-              <Col sm={12} className="text-center">
+              <Col sm={12} className='text-center'>
                 {_this.state.errMsg && (
-                  <p className="error-color">{_this.state.errMsg}</p>
+                  <p className='error-color'>{_this.state.errMsg}</p>
                 )}
               </Col>
             </Row>
@@ -240,9 +240,9 @@ class ImportWallet extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target="_blank"
-              href="https://fullstack.cash"
-              rel="noopener noreferrer"
+              target='_blank'
+              href='https://fullstack.cash'
+              rel='noopener noreferrer'
             >
               FullStack.cash
             </a>
diff --git a/src/components/footer/index.js b/src/components/footer/index.js
index 2b1d520..b390639 100644
--- a/src/components/footer/index.js
+++ b/src/components/footer/index.js
@@ -59,28 +59,28 @@ class Footer extends React.Component {
 
   render () {
     return (
-      <section id="footer">
-        <Row className="footer-container">
-          <Col md={12} className="footer-section">
+      <section id='footer'>
+        <Row className='footer-container'>
+          <Col md={12} className='footer-section'>
             <Row>
-              <Col md={12} className="mb-1">
-                <p className="section-tittle">Produced By</p>
+              <Col md={12} className='mb-1'>
+                <p className='section-tittle'>Produced By</p>
 
                 <a
                   href={siteConfig.hostUrl}
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  target='_blank'
+                  rel='noopener noreferrer'
                 >
                   {siteConfig.hostText}
                 </a>
               </Col>
               <Col md={12}>
-                <p className="section-tittle">Source Code</p>
-                <FontAwesomeIcon className="" size="lg" icon={faGithub} />
+                <p className='section-tittle'>Source Code</p>
+                <FontAwesomeIcon className='' size='lg' icon={faGithub} />
                 <a
                   href={siteConfig.sourceCode}
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  target='_blank'
+                  rel='noopener noreferrer'
                 >
                   Github
                 </a>