fix(v5): Switching to /v5 route for bch-api

gatsby-config.js

@@ -41,7 +41,7 @@ const normalConfig = [
 
 // Building for deployment over IPFS or with UncensorablePublishing.com tools.
 const ipfsConfig = [
-  'gatsby-plugin-ipfs',
+  '@chris.troutner/gatsby-plugin-ipfs',
   'gatsby-plugin-react-helmet',
   {
     resolve: 'gatsby-source-filesystem',

package.json

@@ -20,11 +20,11 @@
     "test": "npm run lint"
   },
   "dependencies": {
+    "@chris.troutner/gatsby-plugin-ipfs": "^2.0.3",
     "adminlte-2-react": "^0.1.27",
     "copy-to-clipboard": "^3.3.1",
     "gatsby": "^3.7.2",
     "gatsby-plugin-image": "^1.7.1",
-    "gatsby-plugin-ipfs": "^2.0.2",
     "gatsby-plugin-manifest": "^3.7.1",
     "gatsby-plugin-offline": "^4.7.1",
     "gatsby-plugin-react-helmet": "^4.7.1",

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>
@@ -376,14 +376,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>
@@ -401,8 +401,8 @@ class AdminLTEPage extends React.Component {
       // return if servers configurations exist
       if (walletInfo.selectedServer) return null
 
-      const server1 = 'https://bchn.fullstack.cash/v4/'
-      const server2 = 'https://abc.fullstack.cash/v4/'
+      const server1 = 'https://bchn.fullstack.cash/v5/'
+      const server2 = 'https://abc.fullstack.cash/v5/'
 
       const servers = [server1, server2]