feat: add link for block page (#97)

closes FE-9
FuelLabs · Nov 7, 2023 · d155a45 · d155a45
1 parent bfc0c16
commit d155a45
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/packages/app/src/systems/Transaction/component/TxScreen/TxScreenSimple.tsx b/packages/app/src/systems/Transaction/component/TxScreen/TxScreenSimple.tsx
@@ -14,10 +14,12 @@ import {
   HStack,
   Heading,
   Icon,
+  Link,
   VStack,
 } from '@fuels/ui';
-import { IconArrowDown } from '@tabler/icons-react';
+import { IconArrowDown, IconLink } from '@tabler/icons-react';
 import { bn } from 'fuels';
+import NextLink from 'next/link';
 import { EmptyCard } from '~/systems/Core/components/EmptyCard/EmptyCard';
 
 import { CardInfo } from '../../../Core/components/CardInfo/CardInfo';
@@ -69,7 +71,17 @@ export function TxScreenSimple({ transaction: tx }: TxScreenProps) {
             {tx.time?.fromNow}
           </CardInfo>
           {tx.blockHeight && (
-            <CardInfo name={'Block'}>#{tx.blockHeight}</CardInfo>
+            <CardInfo name={'Block'}>
+              <Link
+                isExternal
+                as={NextLink}
+                href={`/block/${tx.blockHeight}`}
+                externalIcon={IconLink}
+                className="text-color"
+              >
+                #{tx.blockHeight}
+              </Link>
+            </CardInfo>
           )}
           <CardInfo
             name={'Gas spent'}