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

Remove unnecessary nested spans

This commit is contained in:
Willian Mitsuda 2021-11-11 16:14:04 -03:00
parent 36b5437643
commit 5b203bc8d4
1 changed files with 27 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/transaction/Details.tsx
View File

@ -225,7 +225,6 @@ const Details: React.FC<DetailsProps> = ({
)} )}
{txData.tokenTransfers.length > 0 && ( {txData.tokenTransfers.length > 0 && (
<InfoRow title={`Tokens Transferred (${txData.tokenTransfers.length})`}> <InfoRow title={`Tokens Transferred (${txData.tokenTransfers.length})`}>
<div>
{txData.tokenTransfers.map((t, i) => ( {txData.tokenTransfers.map((t, i) => (
<TokenTransferItem <TokenTransferItem
key={i} key={i}
@ -235,7 +234,6 @@ const Details: React.FC<DetailsProps> = ({
metadatas={metadatas} metadatas={metadatas}
/> />
))} ))}
</div>
</InfoRow> </InfoRow>
)} )}
<InfoRow title="Value"> <InfoRow title="Value">
@ -262,24 +260,16 @@ const Details: React.FC<DetailsProps> = ({
{txData.type === 2 && ( {txData.type === 2 && (
<> <>
<InfoRow title="Max Priority Fee Per Gas"> <InfoRow title="Max Priority Fee Per Gas">
<span>
<FormattedBalance value={txData.maxPriorityFeePerGas!} /> Ether ( <FormattedBalance value={txData.maxPriorityFeePerGas!} /> Ether (
<FormattedBalance <FormattedBalance
value={txData.maxPriorityFeePerGas!} value={txData.maxPriorityFeePerGas!}
decimals={9} decimals={9}
/>{" "} />{" "}
Gwei) Gwei)
</span>
</InfoRow> </InfoRow>
<InfoRow title="Max Fee Per Gas"> <InfoRow title="Max Fee Per Gas">
<span>
<FormattedBalance value={txData.maxFeePerGas!} /> Ether ( <FormattedBalance value={txData.maxFeePerGas!} /> Ether (
<FormattedBalance <FormattedBalance value={txData.maxFeePerGas!} decimals={9} /> Gwei)
value={txData.maxFeePerGas!}
decimals={9}
/>{" "}
Gwei)
</span>
</InfoRow> </InfoRow>
</> </>
)} )}
@ -321,7 +311,6 @@ const Details: React.FC<DetailsProps> = ({
)} )}
{txData.confirmedData && hasEIP1559 && ( {txData.confirmedData && hasEIP1559 && (
<InfoRow title="Block Base Fee"> <InfoRow title="Block Base Fee">
<span>
<FormattedBalance <FormattedBalance
value={txData.confirmedData.blockBaseFeePerGas!} value={txData.confirmedData.blockBaseFeePerGas!}
decimals={9} decimals={9}
@ -332,7 +321,6 @@ const Details: React.FC<DetailsProps> = ({
decimals={0} decimals={0}
/>{" "} />{" "}
wei) wei)
</span>
</InfoRow> </InfoRow>
)} )}
{txData.confirmedData && ( {txData.confirmedData && (