fix(component extension): Got basic skeleton in place for video

gatsby-config.js

@@ -6,5 +6,5 @@
 
 module.exports = {
   /* Your site config here */
-  plugins: ['gatsby-ipfs-web-wallet']
+  plugins: ['gatsby-ipfs-web-wallet', require.resolve('../gatsby-plugin-bch-tx-history')]
 }

package-lock.json

@@ -21473,6 +21473,13 @@
         "micromatch": "^3.1.10"
       }
     },
+    "gatsby-plugin-bch-tx-history": {
+      "version": "github:Permissionless-Software-Foundation/gatsby-plugin-bch-tx-history#99aeb6cb8e24af50fa7e912b2c44bdd3b15c81c8",
+      "from": "github:Permissionless-Software-Foundation/gatsby-plugin-bch-tx-history#ct-unstable",
+      "requires": {
+        "adminlte-2-react": "^0.1.27"
+      }
+    },
     "gatsby-plugin-ipfs": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-ipfs/-/gatsby-plugin-ipfs-2.0.2.tgz",

package.json

@@ -20,7 +20,8 @@
   },
   "dependencies": {
     "gatsby": "^2.23.7",
-    "gatsby-ipfs-web-wallet": "^1.9.8"
+    "gatsby-ipfs-web-wallet": "^1.9.8",
+    "gatsby-plugin-bch-tx-history": "Permissionless-Software-Foundation/gatsby-plugin-bch-tx-history#ct-unstable"
   },
   "repository": {
     "type": "git",

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

@@ -1,5 +1,7 @@
 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 Info from 'gatsby-ipfs-web-wallet/src/components/admin-lte/wallet/info'
 
 // console.log('Wallet: ', Wallet)
@@ -8,12 +10,12 @@ import Wallet from 'gatsby-ipfs-web-wallet/src/components/admin-lte/wallet/index
 // let _this
 
 class Wallet2 extends Wallet {
-// class Wallet2 extends React.Component {
+  // class Wallet2 extends React.Component {
   constructor (props) {
     super(props)
     console.log('Loading new example view.')
 
-    // _this = this
+    // console.log('Wallet info: ', props.walletInfo)
   }
 
   render () {
@@ -27,7 +29,7 @@ class Wallet2 extends Wallet {
   addCards () {
     return (
       <>
-        <p>This is the new component!</p>
+        <TXHistory walletInfo={this.props.walletInfo} />
       </>
     )
   }