a
/
otterscan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reorder fields, improve wording

This commit is contained in:
Willian Mitsuda 2021-08-01 19:11:47 -03:00
parent 669e4a9c5c
commit 44e529388c
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/transaction/Details.tsx
View File

@ -64,9 +64,16 @@ const Details: React.FC<DetailsProps> = ({
</span> </span>
)} )}
</InfoRow> </InfoRow>
<InfoRow title="Position in Block"> <InfoRow title="Block / Position">
<div className="flex items-baseline space-x-5"> <div className="flex items-baseline divide-x-2 divide-dotted divide-gray-300">
<div className="flex space-x-2 items-baseline"> <div className="flex space-x-1 items-baseline mr-3">
<span className="text-orange-500">
<FontAwesomeIcon icon={faCube} />
</span>
<BlockLink blockTag={txData.blockNumber} />
<BlockConfirmations confirmations={txData.confirmations} />
</div>
<div className="flex space-x-2 items-baseline pl-3">
<RelativePosition <RelativePosition
pos={txData.transactionIndex} pos={txData.transactionIndex}
total={txData.blockTransactionCount - 1} total={txData.blockTransactionCount - 1}
@ -77,19 +84,12 @@ const Details: React.FC<DetailsProps> = ({
} }
/> />
</div> </div>
<div className="flex space-x-1 items-baseline">
<span className="text-orange-500">
<FontAwesomeIcon icon={faCube} />
</span>
<BlockLink blockTag={txData.blockNumber} />
<BlockConfirmations confirmations={txData.confirmations} />
</div>
</div> </div>
</InfoRow> </InfoRow>
<InfoRow title="Timestamp"> <InfoRow title="Timestamp">
<Timestamp value={txData.timestamp} /> <Timestamp value={txData.timestamp} />
</InfoRow> </InfoRow>
<InfoRow title="From (nonce)"> <InfoRow title="From / Nonce">
<div className="flex divide-x-2 divide-dotted divide-gray-300"> <div className="flex divide-x-2 divide-dotted divide-gray-300">
<div className="flex items-baseline space-x-2 -ml-1 mr-3"> <div className="flex items-baseline space-x-2 -ml-1 mr-3">
<AddressHighlighter address={txData.from}> <AddressHighlighter address={txData.from}>