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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/transaction/Trace.tsx
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,10 +28,20 @@ const Trace: React.FC<TraceProps> = ({ txData }) => {
/> />
</AddressHighlighter> </AddressHighlighter>
</div> </div>
<div className="flex">
<div className="w-5"></div>
<div className="space-y-3">
{traces?.map((t, i, a) => ( {traces?.map((t, i, a) => (
<TraceItem key={i} t={t} txData={txData} last={i === a.length - 1} /> <TraceItem
key={i}
t={t}
txData={txData}
last={i === a.length - 1}
/>
))} ))}
</div> </div>
</div>
</div>
</ContentFrame> </ContentFrame>
); );
}; };