From 346135c6d49f4965806bbaa1f415b5f700086f7d Mon Sep 17 00:00:00 2001
From: sam-keen <samuel.kleinmann@gmail.com>
Date: Thu, 3 Mar 2022 17:01:51 +0000
Subject: [PATCH] Added a couple of links to nav around more happily

---
 apps/explorer/src/app/components/txs/id/txDetails.tsx       | 4 +++-
 .../explorer/src/app/components/txs/txs-per-block/index.tsx | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/explorer/src/app/components/txs/id/txDetails.tsx b/apps/explorer/src/app/components/txs/id/txDetails.tsx
index 29e3e815f..b25dbeaef 100644
--- a/apps/explorer/src/app/components/txs/id/txDetails.tsx
+++ b/apps/explorer/src/app/components/txs/id/txDetails.tsx
@@ -35,7 +35,9 @@ export const TxDetails = ({ txData, pubKey }: TxDetailsProps) => {
       {txData.height ? (
         <tr>
           <td>Block</td>
-          <td>{txData.height}</td>
+          <td>
+            <Link to={`/blocks/${txData.height}`}>{txData.height}</Link>
+          </td>
         </tr>
       ) : null}
       <tr>
diff --git a/apps/explorer/src/app/components/txs/txs-per-block/index.tsx b/apps/explorer/src/app/components/txs/txs-per-block/index.tsx
index 9a4c52079..063e35abe 100644
--- a/apps/explorer/src/app/components/txs/txs-per-block/index.tsx
+++ b/apps/explorer/src/app/components/txs/txs-per-block/index.tsx
@@ -1,6 +1,7 @@
 import useFetch from '../../../hooks/use-fetch';
 import { ChainExplorerTxResponse } from '../../../routes/types/chain-explorer-response';
 import { DATA_SOURCES } from '../../../config';
+import { Link } from 'react-router-dom';
 
 interface TxsPerBlockProps {
   blockHeight: string | undefined;
@@ -16,6 +17,7 @@ export const TxsPerBlock = ({ blockHeight }: TxsPerBlockProps) => {
       'Content-Type': 'application/json',
     },
     body: JSON.stringify({
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       block_height: parseInt(blockHeight!),
       node_url: `${DATA_SOURCES.tendermintUrl}/`,
     }),
@@ -35,7 +37,9 @@ export const TxsPerBlock = ({ blockHeight }: TxsPerBlockProps) => {
           decodedBlockData.map(({ TxHash, PubKey, Type }, index) => {
             return (
               <tr key={index}>
-                <td>{TxHash}</td>
+                <td>
+                  <Link to={`/txs/${TxHash}`}>{TxHash}</Link>
+                </td>
                 <td>{PubKey}</td>
                 <td>{Type}</td>
               </tr>