From 184c1cb08e90f3e6899094428614410f3dd4319b Mon Sep 17 00:00:00 2001
From: nicosampler <nf.dominguez.87@gmail.com>
Date: Wed, 29 Jul 2020 15:28:14 -0300
Subject: [PATCH] Transaction List

---
 src/components/Sidebar/SafeList/index.tsx                 | 2 +-
 .../components/Transactions/TxsTable/ExpandedTx/index.tsx | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar/SafeList/index.tsx b/src/components/Sidebar/SafeList/index.tsx
index f1d9edd1..531b93c8 100644
--- a/src/components/Sidebar/SafeList/index.tsx
+++ b/src/components/Sidebar/SafeList/index.tsx
@@ -38,7 +38,7 @@ const AddressDetails = styled.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: 150px;
+  width: 175px;
 
   div {
     margin-left: 0px;
diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx
index 1abfbd59..cee11292 100644
--- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx
+++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx
@@ -2,6 +2,7 @@ import { makeStyles } from '@material-ui/core/styles'
 import cn from 'classnames'
 import React, { useState } from 'react'
 import { useSelector } from 'react-redux'
+import { AddressInfo } from '@gnosis.pm/safe-react-components'
 
 import ApproveTxModal from './ApproveTxModal'
 import OwnersColumn from './OwnersColumn'
@@ -9,7 +10,6 @@ import RejectTxModal from './RejectTxModal'
 import TxDescription from './TxDescription'
 import { styles } from './style'
 
-import EtherScanLink from 'src/components/EtherscanLink'
 import Block from 'src/components/layout/Block'
 import Bold from 'src/components/layout/Bold'
 import Col from 'src/components/layout/Col'
@@ -59,7 +59,11 @@ const ExpandedTx = ({ cancelTx, tx }) => {
             <Block className={cn(classes.txDataContainer, (isIncomingTx || isCreationTx) && classes.incomingTxBlock)}>
               <Block align="left" className={classes.txData}>
                 <Bold className={classes.txHash}>Hash:</Bold>
-                {tx.executionTxHash ? <EtherScanLink cut={8} type="tx" value={tx.executionTxHash} /> : 'n/a'}
+                {tx.executionTxHash ? (
+                  <AddressInfo address={tx.executionTxHash} shortenAddress={4} showCopyBtn showEtherscanBtn />
+                ) : (
+                  'n/a'
+                )}
               </Block>
               {!isIncomingTx && !isCreationTx && (
                 <Paragraph noMargin>