diff --git a/src/components/PrefixedEthHashInfo/index.tsx b/src/components/PrefixedEthHashInfo/index.tsx index 1e81208910..28e804885b 100644 --- a/src/components/PrefixedEthHashInfo/index.tsx +++ b/src/components/PrefixedEthHashInfo/index.tsx @@ -3,6 +3,7 @@ import { ReactElement } from 'react' import { useSelector } from 'react-redux' import { copyShortNameSelector, showShortNameSelector } from 'src/logic/appearance/selectors' import { extractShortChainName } from 'src/routes/routes' +import getAddressWithoutNetworkPrefix from 'src/utils/getAddressWithoutNetworkPrefix' type Props = Omit[0], 'shouldShowShortName' | 'shouldCopyShortName'> @@ -12,7 +13,7 @@ const PrefixedEthHashInfo = ({ hash, ...rest }: Props): ReactElement => { return ( Transaction hash:{' '} - { @@ -22,13 +22,7 @@ export const TxSummary = ({ txDetails }: { txDetails: ExpandedTxDetails }): Reac Transaction hash:{' '} {txHash ? ( - + ) : ( {NOT_AVAILABLE} @@ -40,7 +34,7 @@ export const TxSummary = ({ txDetails }: { txDetails: ExpandedTxDetails }): Reac SafeTxHash:{' '} - + )} {nonce !== undefined && ( diff --git a/src/routes/safe/components/Transactions/TxList/styled.tsx b/src/routes/safe/components/Transactions/TxList/styled.tsx index 967a267439..ffe9141cf3 100644 --- a/src/routes/safe/components/Transactions/TxList/styled.tsx +++ b/src/routes/safe/components/Transactions/TxList/styled.tsx @@ -1,6 +1,5 @@ -import { Text, Accordion, AccordionDetails, AccordionSummary } from '@gnosis.pm/safe-react-components' +import { Text, Accordion, AccordionDetails, AccordionSummary, EthHashInfo } from '@gnosis.pm/safe-react-components' import styled, { css } from 'styled-components' -import PrefixedEthHashInfo from 'src/components/PrefixedEthHashInfo' export const Wrapper = styled.div` display: flex; @@ -467,7 +466,7 @@ export const OwnerListItem = styled.li` } ` -export const PrefixedInlineEthHashInfo = styled(PrefixedEthHashInfo)` +export const InlineEthHashInfo = styled(EthHashInfo)` display: inline-flex; span {