Added a couple of links to nav around more happily

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>

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>