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

Use higher level component

This commit is contained in:
Willian Mitsuda 2021-11-07 17:46:42 -03:00
parent bf7117c1eb
commit fc1f0fe196
2 changed files with 10 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/transaction/Trace.tsx
View File

@ -1,7 +1,6 @@
import React, { useContext, useMemo } from "react"; import React, { useContext, useMemo } from "react";
import AddressHighlighter from "../components/AddressHighlighter";
import DecoratedAddressLink from "../components/DecoratedAddressLink";
import ContentFrame from "../ContentFrame"; import ContentFrame from "../ContentFrame";
import TransactionAddress from "../components/TransactionAddress";
import TraceItem from "./TraceItem"; import TraceItem from "./TraceItem";
import { TransactionData } from "../types"; import { TransactionData } from "../types";
import { useBatch4Bytes } from "../use4Bytes"; import { useBatch4Bytes } from "../use4Bytes";
@ -38,15 +37,10 @@ const Trace: React.FC<TraceProps> = ({ txData, resolvedAddresses }) => {
<ContentFrame tabs> <ContentFrame tabs>
<div className="mt-4 mb-5 space-y-3 font-code text-sm flex flex-col items-start overflow-x-auto"> <div className="mt-4 mb-5 space-y-3 font-code text-sm flex flex-col items-start overflow-x-auto">
<div className="border hover:border-gray-500 rounded px-1 py-0.5"> <div className="border hover:border-gray-500 rounded px-1 py-0.5">
<AddressHighlighter address={txData.from}> <TransactionAddress
<DecoratedAddressLink address={txData.from}
address={txData.from} resolvedAddresses={resolvedAddresses}
miner={txData.from === txData.confirmedData?.miner} />
txFrom
txTo={txData.from === txData.to}
resolvedAddresses={mergedResolvedAddresses}
/>
</AddressHighlighter>
</div> </div>
<div className="flex"> <div className="flex">
<div className="w-5"></div> <div className="w-5"></div>

16
src/transaction/TraceInput.tsx
View File

@ -1,7 +1,6 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { Switch } from "@headlessui/react"; import { Switch } from "@headlessui/react";
import AddressHighlighter from "../components/AddressHighlighter"; import TransactionAddress from "../components/TransactionAddress";
import DecoratedAddressLink from "../components/DecoratedAddressLink";
import FormattedBalance from "../components/FormattedBalance"; import FormattedBalance from "../components/FormattedBalance";
import FunctionSignature from "./FunctionSignature"; import FunctionSignature from "./FunctionSignature";
import DecodedParamsTable from "./decoder/DecodedParamsTable"; import DecodedParamsTable from "./decoder/DecodedParamsTable";
@ -46,15 +45,10 @@ const TraceInput: React.FC<TraceInputProps> = ({
<div className="flex items-baseline"> <div className="flex items-baseline">
<span className="text-xs text-gray-400 lowercase">{t.type}</span> <span className="text-xs text-gray-400 lowercase">{t.type}</span>
<span> <span>
<AddressHighlighter address={t.to}> <TransactionAddress
<DecoratedAddressLink address={t.to}
address={t.to} resolvedAddresses={resolvedAddresses}
miner={t.to === txData.confirmedData?.miner} />
txFrom={t.to === txData.from}
txTo={t.to === txData.to}
resolvedAddresses={resolvedAddresses}
/>
</AddressHighlighter>
</span> </span>
<span>.</span> <span>.</span>
<FunctionSignature callType={t.type} sig={sigText} /> <FunctionSignature callType={t.type} sig={sigText} />