fix(bchn): Adding BCHN servers as back-end option

src/components/admin-lte/index.js

@@ -57,18 +57,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>
 
@@ -78,9 +78,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>
@@ -98,8 +98,8 @@ class AdminLTEPage extends React.Component {
           <Navbar.Core>
             <VersionStatus />
           </Navbar.Core>
-          <Layout path='/'>
-            <div className='components-container'>
+          <Layout path="/">
+            <div className="components-container">
               {_this.renderNewViewItems(_this.props)}
             </div>
           </Layout>
@@ -245,7 +245,9 @@ class AdminLTEPage extends React.Component {
   activeItemById (id) {
     try {
       const elementActived = document.getElementsByClassName('active')
-      if (elementActived[0]) { elementActived[0].className = '' }
+      if (elementActived[0]) {
+        elementActived[0].className = ''
+      }
       const element = document.getElementById(id)
       if (element) element.className = `${element.className} active`
     } catch (error) {
@@ -294,15 +296,18 @@ class AdminLTEPage extends React.Component {
   renderNewMenuItems (props) {
     try {
       const _menuComponents = menuComponents(props)
-      return _menuComponents && _menuComponents.map((m, i) => {
-        if (m.active && !_this.activedItem && !_this.menuLoaded) {
-          _this.activedItem = m.key // Prevents this action from being repeated
-        }
-        if (!_this.menuLoaded && i === _menuComponents.length - 1) {
-          _this.menuLoaded = true
-        }
-        return m.menuItem
-      })
+      return (
+        _menuComponents &&
+        _menuComponents.map((m, i) => {
+          if (m.active && !_this.activedItem && !_this.menuLoaded) {
+            _this.activedItem = m.key // Prevents this action from being repeated
+          }
+          if (!_this.menuLoaded && i === _menuComponents.length - 1) {
+            _this.menuLoaded = true
+          }
+          return m.menuItem
+        })
+      )
     } catch (err) {
       // TODO: Figure out how to return an invisible Item.
       return _this.getInvisibleMenuItem() // <Item style={{ display: 'none' }} />
@@ -322,14 +327,14 @@ class AdminLTEPage extends React.Component {
           return ''
         })
       )
-    } catch (err) { }
+    } catch (err) {}
   }
 
   getInvisibleMenuItem () {
     return (
       <li style={{ display: 'none' }}>
         {/* Adding this childrens prevents console errors */}
-        <a href='#'>
+        <a href="#">
           <span />
           <span />
         </a>
@@ -349,8 +354,9 @@ class AdminLTEPage extends React.Component {
 
       const server1 = 'https://api.fullstack.cash/v3/'
       const server2 = 'https://free-main.fullstack.cash/v3/'
+      const server3 = 'https://bchn-free-main.fullstack.cash/v3/'
 
-      const servers = [server1, server2]
+      const servers = [server1, server2, server3]
 
       let selectedServer = server1
       // Assign the second server if the url path
@@ -359,6 +365,11 @@ class AdminLTEPage extends React.Component {
         selectedServer = server2
       }
 
+      // BCHN wallet.
+      if (accessLocation === 'bchn-wallet.fullstack.cash') {
+        selectedServer = server3
+      }
+
       walletInfo.selectedServer = selectedServer
       walletInfo.servers = servers