ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't allow the transaction status icon shrink

Browse Source
This commit is contained in:
Moody Salem 2020-05-15 15:55:38 -04:00
parent 6c9eeb4691
commit 487b5ceccc
No known key found for this signature in database
GPG Key ID: 8CB5CD10385138DB
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/AccountDetails/Transaction.tsx
View File

@ -48,6 +48,10 @@ const TransactionState = styled(Link)<{ pending: boolean; success?: boolean }>`
}
`
const IconWrapper = styled.div`
flex-shrink: 0;
`
export default function Transaction({ hash }: { hash: string }) {
const { chainId } = useWeb3React()
const allTransactions = useAllTransactions()
@ -62,7 +66,9 @@ export default function Transaction({ hash }: { hash: string }) {
<TransactionWrapper>
<TransactionState href={getEtherscanLink(chainId, hash, 'transaction')} pending={pending} success={success}>
<TransactionStatusText>{summary ? summary : hash}</TransactionStatusText>
{pending ? <Spinner src={Circle} /> : success ? <Check size="16" /> : <Triangle size="16" />}
<IconWrapper>
{pending ? <Spinner src={Circle} /> : success ? <Check size="16" /> : <Triangle size="16" />}
</IconWrapper>
</TransactionState>
</TransactionWrapper>
)