From f5f478c271b968f723014d1ba6fe066ba06adeb9 Mon Sep 17 00:00:00 2001
From: Kris Bitney <kris@dorg.tech>
Date: Fri, 2 Feb 2024 00:53:17 +0500
Subject: [PATCH] tx hashes link to celo explorer (#151)

Co-authored-by: LewisB <lewis@gooddollar.org>
---
 .../src/components/TransactionList/TransactionListItem.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/TransactionList/TransactionListItem.tsx b/packages/app/src/components/TransactionList/TransactionListItem.tsx
index 4d1f299d..cb6141a9 100644
--- a/packages/app/src/components/TransactionList/TransactionListItem.tsx
+++ b/packages/app/src/components/TransactionList/TransactionListItem.tsx
@@ -5,6 +5,7 @@ import { ReceiveIcon, SendIcon } from '../../assets';
 import Decimal from 'decimal.js';
 import { ethers } from 'ethers';
 import { formatGoodDollarAmount } from '../../lib/calculateGoodDollarAmounts';
+import { Link } from 'native-base';
 
 interface TransactionListItemProps {
   userIdentifier: string;
@@ -48,9 +49,9 @@ function TransactionListItem({
             <Text style={styles.amount}>{formattedAmount}</Text>
           </View>
         </View>
-        <View>
+        <Link href={`https://explorer.celo.org/mainnet/tx/${txHash}`} isExternal>
           <Text style={styles.hash}>{formattedHash}</Text>
-        </View>
+        </Link>
         <View>
           <View style={styles.txDetails}>
             <Text style={[styles.feeText, styles.alignLeft]}>Transaction fee (Gas)</Text>