add hyperlink to for l1 tx (#31)

* add hyperlink to for li tx * rename Co-authored-by: HAOYUatHZ <[email protected]>
fluidex · Nov 22, 2021 · 74a49fc · 74a49fc
1 parent 83b1434
commit 74a49fc
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 3 deletions.
diff --git a/.env b/.env
@@ -1,2 +1,3 @@
 REACT_APP_CONTRACT_ADDRESS=0x5fbdb2315678afecb367f032d93f642f64180aa3
-REACT_APP_NETWORK=0
+REACT_APP_NETWORK=0
+REACT_APP_L1_EXPLORER_BASE_URL=http://18.180.248.43:4000/
diff --git a/.env.goerli b/.env.goerli
@@ -1 +1,2 @@
-REACT_APP_NETWORK=5
+REACT_APP_NETWORK=5
+REACT_APP_L1_EXPLORER_BASE_URL=https://goerli.etherscan.io/
diff --git a/.env.kovan b/.env.kovan
@@ -0,0 +1,2 @@
+REACT_APP_NETWORK=42
+REACT_APP_L1_EXPLORER_BASE_URL=https://kovan.etherscan.io/
diff --git a/.env.mainnet b/.env.mainnet
@@ -0,0 +1,2 @@
+REACT_APP_NETWORK=1
+REACT_APP_L1_EXPLORER_BASE_URL=https://etherscan.io/
diff --git a/.env.rinkeby b/.env.rinkeby
@@ -0,0 +1,2 @@
+REACT_APP_NETWORK=4
+REACT_APP_L1_EXPLORER_BASE_URL=https://rinkeby.etherscan.io/
diff --git a/.env.ropsten b/.env.ropsten
@@ -0,0 +1,2 @@
+REACT_APP_NETWORK=3
+REACT_APP_L1_EXPLORER_BASE_URL=https://ropsten.etherscan.io/
diff --git a/src/containers/Layer2Explorer/block/index.js b/src/containers/Layer2Explorer/block/index.js
@@ -17,6 +17,7 @@ export const TYPE_MAP = {
   TRANSFER: "transfer_tx",
   NOP: "nop",
 };
+
 class BlockDetail extends Component {
   state = {
     activeExpanedRow: null,
@@ -95,6 +96,7 @@ class BlockDetail extends Component {
   render() {
     const { lang, blockId } = this.props;
     const { loading, blockInfo } = this.state;
+    const L1_EXPLORER_BASE_URL = process.env.REACT_APP_L1_EXPLORER_BASE_URL;
     const columns = [
       {
         key: "hash",
@@ -171,7 +173,16 @@ class BlockDetail extends Component {
               <Col lg={8}>
                 <h4>{i18n(lang, "L1_TX_HASH")}</h4>
               </Col>
-              <Col lg={16}>{blockInfo.l1_tx_hash}</Col>
+              <Col lg={16}>
+                <a
+                  href={`${L1_EXPLORER_BASE_URL}tx/${blockInfo.l1_tx_hash}`}
+                  target="_blank"
+                  rel="noreferrer"
+                  className={styles.linkText}
+                >
+                  {blockInfo.l1_tx_hash}
+                </a>
+              </Col>
             </>
           )}
         </Row>