Add tree decoration to from address

This commit is contained in:
Willian Mitsuda 2021-10-27 01:14:42 -03:00
parent 0445ccd448
commit 309739e547
1 changed files with 14 additions and 4 deletions

View File

@ -18,7 +18,7 @@ const Trace: React.FC<TraceProps> = ({ txData }) => {
return ( return (
<ContentFrame tabs> <ContentFrame tabs>
<div className="mt-4 mb-5 space-y-3 font-code text-sm flex flex-col items-start"> <div className="mt-4 mb-5 space-y-3 font-code text-sm flex flex-col items-start">
<div> <div className="flex items-baseline border rounded px-1 py-px">
<AddressHighlighter address={txData.from}> <AddressHighlighter address={txData.from}>
<DecoratedAddressLink <DecoratedAddressLink
address={txData.from} address={txData.from}
@ -28,9 +28,19 @@ const Trace: React.FC<TraceProps> = ({ txData }) => {
/> />
</AddressHighlighter> </AddressHighlighter>
</div> </div>
{traces?.map((t, i, a) => ( <div className="flex">
<TraceItem key={i} t={t} txData={txData} last={i === a.length - 1} /> <div className="w-5"></div>
))} <div className="space-y-3">
{traces?.map((t, i, a) => (
<TraceItem
key={i}
t={t}
txData={txData}
last={i === a.length - 1}
/>
))}
</div>
</div>
</div> </div>
</ContentFrame> </ContentFrame>
); );