fix(gatsby-ipfs-web-wallet): Bumping to latest version

package.json

@@ -19,9 +19,9 @@
     "test": "npm run lint"
   },
   "dependencies": {
-    "gatsby": "^2.23.7",
+    "gatsby": "^2.24.82",
-    "gatsby-ipfs-web-wallet": "^1.9.23",
+    "gatsby-ipfs-web-wallet": "^1.11.2",
-    "gatsby-plugin-bch-tx-history": "^1.1.0"
+    "gatsby-plugin-bch-tx-history": "^1.1.3"
   },
   "repository": {
     "type": "git",

src/gatsby-ipfs-web-wallet/components/admin-lte/wallet/index.js

@@ -1,8 +1,15 @@
+/*
+  This is an example of using Gatsby 'Component Shadowing' to overwrite the
+  default Wallet View. It injects the same TX History component at the bottom
+  of the Wallet View.
+*/
+
 import React from 'react'
 
 import Wallet from 'gatsby-ipfs-web-wallet/src/components/admin-lte/wallet/index'
 
-import TXHistory from 'gatsby-plugin-bch-tx-history/src/components/txhistory'
+// import TXHistory from 'gatsby-plugin-bch-tx-history/src/components/txhistory'
+import TXHistory from 'gatsby-plugin-bch-tx-history'
 
 class Wallet2 extends Wallet {
   // class Wallet2 extends React.Component {

src/gatsby-ipfs-web-wallet/components/menu-components.js

@@ -8,16 +8,68 @@
 
 import React from 'react'
 import { Sidebar } from 'adminlte-2-react'
+
+// Example/Demo component. This is how you would build a component internal to
+// your wallet app/site.
 import DemoComponent from '../../demo-component'
 
+// TX History Plugin.
+// This is an example of an external plugin for the wallet. It's a modular
+// approach to sharing 'lego blocks' between wallet apps.
+// import TXHistory from 'gatsby-plugin-bch-tx-history/src/components/txhistory'
+import TXHistory from 'gatsby-plugin-bch-tx-history'
+
+// Default components from gatsby-ipfs-web-wallet.
+import Wallet from 'gatsby-ipfs-web-wallet/src/components/admin-lte/wallet'
+import Tokens from 'gatsby-ipfs-web-wallet/src/components/admin-lte/tokens'
+import Configure from 'gatsby-ipfs-web-wallet/src/components/admin-lte/configure'
+import SendReceive from 'gatsby-ipfs-web-wallet/src/components/admin-lte/send-receive'
+
 const { Item } = Sidebar
 
-const MenuComponents = [
+const MenuComponents = props => {
+  return [
+    {
+      key: 'Tokens',
+      component: <Tokens key="Tokens" {...props} />,
+      menuItem: <Item icon="fas-coins" key="Tokens" text="Tokens" />
+    },
+    {
+      key: 'Send/Receive BCH',
+      component: <SendReceive key="Send/Receive BCH" {...props} />,
+      menuItem: (
+        <Item
+          icon="fa-exchange-alt"
+          key="Send/Receive BCH"
+          text="Send/Receive BCH"
+        />
+      )
+    },
+    {
+      key: 'Wallet',
+      component: <Wallet key="Wallet" {...props} />,
+      menuItem: <Item icon="fa-wallet" key="Wallet" text="Wallet" />
+    },
+    {
+      key: 'Configure',
+      component: <Configure key="Configure" {...props} />,
+      menuItem: <Item icon="fas-cog" key="Configure" text="Configure" />
+    },
+    {
+      key: 'TX History',
+      component: <TXHistory key="TX History" {...props} />,
+      menuItem: (
+        <Item icon="fas-cog" key="TX History" text="TX History" />
+      )
+    },
     {
       key: 'Demo Component',
-    component: <DemoComponent key='Demo Component' />,
+      component: <DemoComponent key="Demo Component" {...props} />,
-    menuItem: <Item icon='fas-cog' key='Demo Component' text='Demo Component' />
+      menuItem: (
+        <Item icon="fas-cog" key="Demo Component" text="Demo Component" />
+      )
     }
-]
+  ]
+}
 
 export default MenuComponents