From 40318e7e15f94307229b695997b3f0c5ac8d1429 Mon Sep 17 00:00:00 2001
From: fabiolalombardim <lombardifabiola@hotmail.com>
Date: Tue, 28 May 2024 17:04:42 +0200
Subject: [PATCH] requested change

---
 .../Treasury/components/TransfersTable.tsx    | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/modules/explorer/pages/Treasury/components/TransfersTable.tsx b/src/modules/explorer/pages/Treasury/components/TransfersTable.tsx
index 87c3c191..27a3c4b1 100644
--- a/src/modules/explorer/pages/Treasury/components/TransfersTable.tsx
+++ b/src/modules/explorer/pages/Treasury/components/TransfersTable.tsx
@@ -85,20 +85,33 @@ const Container = styled(Grid)({
 
 const Title = styled(Typography)({
   color: "#fff",
-  fontSize: 24
+  fontSize: 24,
+  cursor: "default"
 })
 
 const Subtitle = styled(Typography)(({ theme }) => ({
   color: theme.palette.primary.light,
   fontSize: 16,
-  fontWeight: 300
+  fontWeight: 300,
+  cursor: "default"
+}))
+
+const SubtitleAddress = styled(Typography)(({ theme }) => ({
+  "color": theme.palette.primary.light,
+  "fontSize": 16,
+  "fontWeight": 300,
+  "cursor": "pointer",
+  "&:hover": {
+    textDecoration: "underline"
+  }
 }))
 
 const AmountText = styled(Typography)(({ theme }) => ({
   color: "#fff",
   fontSize: 18,
   fontWeight: 300,
-  lineHeight: "160%"
+  lineHeight: "160%",
+  cursor: "default"
 }))
 
 const BlockExplorer = styled(Typography)({
@@ -272,7 +285,9 @@ const TransfersTableItems: React.FC<{ data: RowData[]; network: Network }> = ({
                   <Title>{row.token}</Title>
                 </Grid>
                 <Grid item container direction={isSmall ? "column" : "row"} style={{ gap: 10 }}>
-                  <Subtitle>To {toShortAddress(row.address)}</Subtitle>
+                  <SubtitleAddress onClick={() => openBlockExplorer(row.hash)}>
+                    To {toShortAddress(row.address)}
+                  </SubtitleAddress>
                   {isSmall ? null : <Subtitle> •</Subtitle>}
                   <Subtitle>{dayjs(row.date).format("ll")}</Subtitle>
                 </Grid>