From ae23f524140ab9735b36481b45dc742578cad4df Mon Sep 17 00:00:00 2001
From: Daniel Gonzalez <danielhumgon@gmail.com>
Date: Mon, 21 Dec 2020 18:31:08 -0400
Subject: [PATCH] fix(txid): Fixed token txid link on ABC

---
 src/components/admin-lte/tokens/index.js | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/admin-lte/tokens/index.js b/src/components/admin-lte/tokens/index.js
index a0167d0..514cfa8 100644
--- a/src/components/admin-lte/tokens/index.js
+++ b/src/components/admin-lte/tokens/index.js
@@ -20,7 +20,8 @@ class Tokens extends React.Component {
       errMsg: '',
       selectedTokenToSend: '',
       showForm: false,
-      txId: null
+      txId: null,
+      explorerURL: ''
     }
   }
 
@@ -52,7 +53,7 @@ class Tokens extends React.Component {
                 <a
                   target='_blank'
                   rel='noopener noreferrer'
-                  href={`https://explorer.bitcoin.com/bch/tx/${_this.state.txId}`}
+                  href={`${_this.state.explorerURL}/${_this.state.txId}`}
                 >
                   {_this.state.txId}
                 </a>
@@ -179,6 +180,7 @@ class Tokens extends React.Component {
   }
 
   async componentDidMount () {
+    _this.defineExplorer()
     await _this.handleGetTokens()
   }
 
@@ -238,6 +240,24 @@ class Tokens extends React.Component {
       }
     })
   }
+
+  // Define the explorer to use
+  // depending on the selected chain
+  defineExplorer () {
+    const bchWalletLib = _this.props.bchWallet
+    const bchjs = bchWalletLib.bchjs
+
+    let explorerURL
+
+    if (bchjs.restURL.includes('abc.fullstack')) {
+      explorerURL = 'https://explorer.bitcoinabc.org/tx'
+    } else {
+      explorerURL = 'https://explorer.bitcoin.com/bch/tx'
+    }
+    _this.setState({
+      explorerURL
+    })
+  }
 }
 Tokens.propTypes = {
   walletInfo: PropTypes.object.isRequired, // wallet info