Fix highlighting on to column

This commit is contained in:
Willian Mitsuda 2021-07-14 22:51:33 -03:00
parent 1a75356fca
commit da7b039c22
1 changed files with 14 additions and 12 deletions

View File

@ -68,7 +68,7 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
</span> </span>
<TimestampAge timestamp={tx.timestamp} /> <TimestampAge timestamp={tx.timestamp} />
<span className="col-span-2 flex justify-between items-baseline space-x-2 pr-2"> <span className="col-span-2 flex justify-between items-baseline space-x-2 pr-2">
<span className="truncate" title={tx.from}> <span className="truncate">
{tx.from && ( {tx.from && (
<AddressHighlighter address={tx.from}> <AddressHighlighter address={tx.from}>
<AddressOrENSName <AddressOrENSName
@ -87,17 +87,19 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
/> />
</span> </span>
</span> </span>
<span className="col-span-2 truncate" title={tx.to}> <span className="col-span-2 flex items-baseline" title={tx.to}>
{tx.to && ( <span className="truncate">
<AddressHighlighter address={tx.to}> {tx.to && (
<AddressOrENSName <AddressHighlighter address={tx.to}>
address={tx.to} <AddressOrENSName
ensName={ensTo} address={tx.to}
selectedAddress={selectedAddress} ensName={ensTo}
minerAddress={tx.miner} selectedAddress={selectedAddress}
/> minerAddress={tx.miner}
</AddressHighlighter> />
)} </AddressHighlighter>
)}
</span>
</span> </span>
<span className="col-span-2 truncate"> <span className="col-span-2 truncate">
<TransactionValue value={tx.value} /> <TransactionValue value={tx.value} />