Generalize attribute type

src/transaction/Details.tsx

@@ -29,7 +29,11 @@ import USDValue from "../components/USDValue";
 import FormattedBalance from "../components/FormattedBalance";
 import ETH2USDValue from "../components/ETH2USDValue";
 import TokenTransferItem from "../TokenTransferItem";
-import { TransactionData, InternalOperation } from "../types";
+import {
+  TransactionData,
+  InternalOperation,
+  toTransactionContext,
+} from "../types";
 import PercentageBar from "../components/PercentageBar";
 import ExternalLink from "../components/ExternalLink";
 import RelativePosition from "../components/RelativePosition";
@@ -371,7 +375,7 @@ const Details: React.FC<DetailsProps> = ({
                 <DecodedParamsTable
                   args={resolvedTxDesc.args}
                   paramTypes={resolvedTxDesc.functionFragment.inputs}
-                  txData={txData}
+                  txContext={toTransactionContext(txData)}
                   hasParamNames={resolvedTxDesc === txDesc}
                   userMethod={userMethod}
                   devMethod={devMethod}

src/transaction/LogEntry.tsx

@@ -8,7 +8,7 @@ import Copy from "../components/Copy";
 import ModeTab from "../components/ModeTab";
 import DecodedParamsTable from "./decoder/DecodedParamsTable";
 import DecodedLogSignature from "./decoder/DecodedLogSignature";
-import { TransactionData } from "../types";
+import { toTransactionContext, TransactionData } from "../types";
 import { useTopic0 } from "../useTopic0";
 import { ResolvedAddresses } from "../api/address-resolver";
 
@@ -112,7 +112,7 @@ const LogEntry: React.FC<LogEntryProps> = ({
                       <DecodedParamsTable
                         args={resolvedLogDesc.args}
                         paramTypes={resolvedLogDesc.eventFragment.inputs}
-                        txData={txData}
+                        txContext={toTransactionContext(txData)}
                         hasParamNames={resolvedLogDesc === logDesc}
                         resolvedAddresses={resolvedAddresses}
                       />

src/transaction/decoder/AddressDecoder.tsx

@@ -2,27 +2,27 @@ import React from "react";
 import AddressHighlighter from "../../components/AddressHighlighter";
 import DecoratedAddressLink from "../../components/DecoratedAddressLink";
 import Copy from "../../components/Copy";
-import { TransactionData } from "../../types";
+import { SelectedTransactionContext } from "../../types";
 import { ResolvedAddresses } from "../../api/address-resolver";
 
 type AddressDecoderProps = {
   r: string;
-  txData: TransactionData;
+  txContext: SelectedTransactionContext;
   resolvedAddresses?: ResolvedAddresses | undefined;
 };
 
 const AddressDecoder: React.FC<AddressDecoderProps> = ({
   r,
-  txData,
+  txContext,
   resolvedAddresses,
 }) => (
   <div className="flex items-baseline space-x-2 -ml-1 mr-3">
     <AddressHighlighter address={r}>
       <DecoratedAddressLink
         address={r}
-        miner={r === txData.confirmedData?.miner}
-        txFrom={r === txData.from}
-        txTo={r === txData.to}
+        miner={r === txContext.miner}
+        txFrom={r === txContext.from}
+        txTo={r === txContext.to}
         resolvedAddresses={resolvedAddresses}
       />
     </AddressHighlighter>

src/transaction/decoder/DecodedParamRow.tsx

@@ -8,7 +8,7 @@ import Uint256Decoder from "./Uint256Decoder";
 import AddressDecoder from "./AddressDecoder";
 import BooleanDecoder from "./BooleanDecoder";
 import BytesDecoder from "./BytesDecoder";
-import { TransactionData } from "../../types";
+import { SelectedTransactionContext } from "../../types";
 import { ResolvedAddresses } from "../../api/address-resolver";
 
 type DecodedParamRowProps = {
@@ -16,7 +16,7 @@ type DecodedParamRowProps = {
   i?: number | undefined;
   r: any;
   paramType: ParamType;
-  txData: TransactionData;
+  txContext: SelectedTransactionContext;
   arrayElem?: number | undefined;
   help?: string | undefined;
   resolvedAddresses?: ResolvedAddresses | undefined;
@@ -27,7 +27,7 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
   i,
   r,
   paramType,
-  txData,
+  txContext,
   arrayElem,
   help,
   resolvedAddresses,
@@ -77,7 +77,7 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
           ) : paramType.baseType === "address" ? (
             <AddressDecoder
               r={r.toString()}
-              txData={txData}
+              txContext={txContext}
               resolvedAddresses={resolvedAddresses}
             />
           ) : paramType.baseType === "bool" ? (
@@ -106,7 +106,7 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
             i={idx}
             r={e}
             paramType={paramType.components[idx]}
-            txData={txData}
+            txContext={txContext}
           />
         ))}
       {paramType.baseType === "array" &&
@@ -116,7 +116,7 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
             prefix={paramType.name ?? <span className="italic">param_{i}</span>}
             r={e}
             paramType={paramType.arrayChildren}
-            txData={txData}
+            txContext={txContext}
             arrayElem={idx}
           />
         ))}

src/transaction/decoder/DecodedParamsTable.tsx

@@ -1,14 +1,14 @@
 import React from "react";
 import { ParamType, Result } from "@ethersproject/abi";
 import DecodedParamRow from "./DecodedParamRow";
-import { TransactionData } from "../../types";
+import { SelectedTransactionContext } from "../../types";
 import { DevMethod, UserMethod } from "../../useSourcify";
 import { ResolvedAddresses } from "../../api/address-resolver";
 
 type DecodedParamsTableProps = {
   args: Result;
   paramTypes: ParamType[];
-  txData: TransactionData;
+  txContext: SelectedTransactionContext;
   hasParamNames?: boolean;
   userMethod?: UserMethod | undefined;
   devMethod?: DevMethod | undefined;
@@ -18,7 +18,7 @@ type DecodedParamsTableProps = {
 const DecodedParamsTable: React.FC<DecodedParamsTableProps> = ({
   args,
   paramTypes,
-  txData,
+  txContext,
   hasParamNames = true,
   devMethod,
   resolvedAddresses,
@@ -49,7 +49,7 @@ const DecodedParamsTable: React.FC<DecodedParamsTableProps> = ({
           i={i}
           r={r}
           paramType={paramTypes[i]}
-          txData={txData}
+          txContext={txContext}
           help={devMethod?.params?.[paramTypes[i].name]}
           resolvedAddresses={resolvedAddresses}
         />

src/types.ts

@@ -64,6 +64,22 @@ export type ConfirmedTransactionData = {
   logs: Log[];
 };
 
+export type SelectedTransactionContext = {
+  from: string;
+  to: string | undefined;
+  miner: string | undefined;
+};
+
+export const toTransactionContext = (
+  txData: TransactionData
+): SelectedTransactionContext => {
+  return {
+    from: txData.from,
+    to: txData.to,
+    miner: txData.confirmedData?.miner,
+  };
+};
+
 // The VOID...
 export const ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";