Rename jsonrpc method

src/Transaction.tsx

@@ -10,7 +10,7 @@ import erc20 from "./erc20.json";
 import { TokenMetas, TokenTransfer, TransactionData } from "./types";
 import { RuntimeContext } from "./useRuntime";
 import { SelectionContext, useSelection } from "./useSelection";
-import { useInternalTransfers } from "./useErigonHooks";
+import { useInternalOperations } from "./useErigonHooks";
 
 const TRANSFER_TOPIC =
   "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef";
@@ -106,19 +106,19 @@ const Transaction: React.FC = () => {
     readBlock();
   }, [provider, txhash]);
 
-  const intTransfers = useInternalTransfers(provider, txData);
+  const internalOps = useInternalOperations(provider, txData);
   const sendsEthToMiner = useMemo(() => {
-    if (!txData || !intTransfers) {
+    if (!txData || !internalOps) {
       return false;
     }
 
-    for (const t of intTransfers) {
+    for (const t of internalOps) {
       if (t.to === txData.miner) {
         return true;
       }
     }
     return false;
-  }, [txData, intTransfers]);
+  }, [txData, internalOps]);
 
   const selectionCtx = useSelection();
 
@@ -137,7 +137,7 @@ const Transaction: React.FC = () => {
             <Route path="/tx/:txhash/" exact>
               <Details
                 txData={txData}
-                internalTransfers={intTransfers}
+                internalOps={internalOps}
                 sendsEthToMiner={sendsEthToMiner}
               />
             </Route>

src/components/InternalCreate.tsx

@@ -1,19 +1,18 @@
-import React, { useContext } from "react";
-import { ethers } from "ethers";
+import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faAngleRight, faBomb } from "@fortawesome/free-solid-svg-icons";
+import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
 import AddressHighlighter from "./AddressHighlighter";
 import DecoratedAddressLink from "./DecoratedAddressLink";
-import { TransactionData, Transfer } from "../types";
+import { TransactionData, InternalOperation } from "../types";
 
 type InternalCreateProps = {
   txData: TransactionData;
-  transfer: Transfer;
+  internalOp: InternalOperation;
 };
 
 const InternalCreate: React.FC<InternalCreateProps> = ({
   txData,
-  transfer,
+  internalOp,
 }) => {
   return (
     <>
@@ -23,17 +22,17 @@ const InternalCreate: React.FC<InternalCreateProps> = ({
         </span>
         <span>Contract</span>
         <div className="flex items-baseline">
-          <AddressHighlighter address={transfer.to}>
-            <DecoratedAddressLink address={transfer.to} creation />
+          <AddressHighlighter address={internalOp.to}>
+            <DecoratedAddressLink address={internalOp.to} creation />
           </AddressHighlighter>
         </div>
         <span className="flex items-baseline text-gray-400">
           (Creator:{" "}
-          <AddressHighlighter address={transfer.from}>
+          <AddressHighlighter address={internalOp.from}>
             <DecoratedAddressLink
-              address={transfer.from}
-              txFrom={transfer.from === txData.from}
-              txTo={transfer.from === txData.to}
+              address={internalOp.from}
+              txFrom={internalOp.from === txData.from}
+              txTo={internalOp.from === txData.to}
             />
           </AddressHighlighter>
           )

src/components/InternalOperation.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-import InternalTransfer from "./InternalTransfer";
-import InternalSelfDestruct from "./InternalSelfDestruct";
-import InternalCreate from "./InternalCreate";
-import { TransactionData, Transfer, TransferType } from "../types";
-
-type InternalOperationProps = {
-  txData: TransactionData;
-  transfer: Transfer;
-};
-
-const InternalOperation: React.FC<InternalOperationProps> = ({
-  txData,
-  transfer,
-}) => (
-  <>
-    {transfer.type === TransferType.TRANSFER && (
-      <InternalTransfer txData={txData} transfer={transfer} />
-    )}
-    {transfer.type === TransferType.SELF_DESTRUCT && (
-      <InternalSelfDestruct txData={txData} transfer={transfer} />
-    )}
-    {(transfer.type === TransferType.CREATE ||
-      transfer.type === TransferType.CREATE2) && (
-      <InternalCreate txData={txData} transfer={transfer} />
-    )}
-  </>
-);
-
-export default React.memo(InternalOperation);

src/components/InternalSelfDestruct.tsx

@@ -5,24 +5,24 @@ import { faAngleRight, faBomb } from "@fortawesome/free-solid-svg-icons";
 import AddressHighlighter from "./AddressHighlighter";
 import DecoratedAddressLink from "./DecoratedAddressLink";
 import { RuntimeContext } from "../useRuntime";
-import { TransactionData, Transfer } from "../types";
+import { TransactionData, InternalOperation } from "../types";
 
 const CHI_ADDRESS = "0x0000000000004946c0e9F43F4Dee607b0eF1fA1c";
 const GST2_ADDRESS = "0x0000000000b3F879cb30FE243b4Dfee438691c04";
 
 type InternalSelfDestructProps = {
   txData: TransactionData;
-  transfer: Transfer;
+  internalOp: InternalOperation;
 };
 
 const InternalSelfDestruct: React.FC<InternalSelfDestructProps> = ({
   txData,
-  transfer,
+  internalOp,
 }) => {
   const { provider } = useContext(RuntimeContext);
   const network = provider?.network;
 
-  const toMiner = txData.miner !== undefined && transfer.to === txData.miner;
+  const toMiner = txData.miner !== undefined && internalOp.to === txData.miner;
 
   return (
     <>
@@ -35,32 +35,32 @@ const InternalSelfDestruct: React.FC<InternalSelfDestructProps> = ({
         </span>
         <span>Contract</span>
         <div className="flex items-baseline">
-          <AddressHighlighter address={transfer.from}>
-            <DecoratedAddressLink address={transfer.from} selfDestruct />
+          <AddressHighlighter address={internalOp.from}>
+            <DecoratedAddressLink address={internalOp.from} selfDestruct />
           </AddressHighlighter>
         </div>
-        {network?.chainId === 1 && transfer.to === CHI_ADDRESS && (
+        {network?.chainId === 1 && internalOp.to === CHI_ADDRESS && (
           <span className="text-gray-400">(Chi Gastoken)</span>
         )}
-        {network?.chainId === 1 && transfer.to === GST2_ADDRESS && (
+        {network?.chainId === 1 && internalOp.to === GST2_ADDRESS && (
           <span className="text-gray-400">(GST2 Gastoken)</span>
         )}
       </div>
-      {!transfer.value.isZero() && (
+      {!internalOp.value.isZero() && (
         <div className="ml-5 flex items-baseline space-x-1 text-xs">
           <span className="text-gray-500">
             <FontAwesomeIcon icon={faAngleRight} size="1x" /> TRANSFER
           </span>
-          <span>{ethers.utils.formatEther(transfer.value)} Ether</span>
+          <span>{ethers.utils.formatEther(internalOp.value)} Ether</span>
           <div className="flex items-baseline">
             <span className="text-gray-500">To</span>
-            <AddressHighlighter address={transfer.to}>
+            <AddressHighlighter address={internalOp.to}>
               <div
                 className={`flex items-baseline space-x-1 ${
                   toMiner ? "rounded px-2 py-1 bg-yellow-100" : ""
                 }`}
               >
-                <DecoratedAddressLink address={transfer.to} miner={toMiner} />
+                <DecoratedAddressLink address={internalOp.to} miner={toMiner} />
               </div>
             </AddressHighlighter>
           </div>

src/components/InternalTransactionOperation.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import InternalTransfer from "./InternalTransfer";
+import InternalSelfDestruct from "./InternalSelfDestruct";
+import InternalCreate from "./InternalCreate";
+import { TransactionData, InternalOperation, OperationType } from "../types";
+
+type InternalTransactionOperationProps = {
+  txData: TransactionData;
+  internalOp: InternalOperation;
+};
+
+const InternalTransactionOperation: React.FC<InternalTransactionOperationProps> =
+  ({ txData, internalOp }) => (
+    <>
+      {internalOp.type === OperationType.TRANSFER && (
+        <InternalTransfer txData={txData} internalOp={internalOp} />
+      )}
+      {internalOp.type === OperationType.SELF_DESTRUCT && (
+        <InternalSelfDestruct txData={txData} internalOp={internalOp} />
+      )}
+      {(internalOp.type === OperationType.CREATE ||
+        internalOp.type === OperationType.CREATE2) && (
+        <InternalCreate txData={txData} internalOp={internalOp} />
+      )}
+    </>
+  );
+
+export default React.memo(InternalTransactionOperation);

src/components/InternalTransfer.tsx

@@ -4,57 +4,57 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
 import AddressHighlighter from "./AddressHighlighter";
 import DecoratedAddressLink from "./DecoratedAddressLink";
-import { TransactionData, Transfer } from "../types";
+import { TransactionData, InternalOperation } from "../types";
 
 type InternalTransferProps = {
   txData: TransactionData;
-  transfer: Transfer;
+  internalOp: InternalOperation;
 };
 
 const InternalTransfer: React.FC<InternalTransferProps> = ({
   txData,
-  transfer,
+  internalOp,
 }) => {
   const fromMiner =
-    txData.miner !== undefined && transfer.from === txData.miner;
-  const toMiner = txData.miner !== undefined && transfer.to === txData.miner;
+    txData.miner !== undefined && internalOp.from === txData.miner;
+  const toMiner = txData.miner !== undefined && internalOp.to === txData.miner;
 
   return (
     <div className="flex items-baseline space-x-1 text-xs">
       <span className="text-gray-500">
         <FontAwesomeIcon icon={faAngleRight} size="1x" /> TRANSFER
       </span>
-      <span>{ethers.utils.formatEther(transfer.value)} Ether</span>
+      <span>{ethers.utils.formatEther(internalOp.value)} Ether</span>
       <div className="flex items-baseline">
         <span className="text-gray-500">From</span>
-        <AddressHighlighter address={transfer.from}>
+        <AddressHighlighter address={internalOp.from}>
           <div
             className={`flex items-baseline space-x-1 ${
               fromMiner ? "rounded px-2 py-1 bg-yellow-100" : ""
             }`}
           >
             <DecoratedAddressLink
-              address={transfer.from}
+              address={internalOp.from}
               miner={fromMiner}
-              txFrom={transfer.from === txData.from}
-              txTo={transfer.from === txData.to}
+              txFrom={internalOp.from === txData.from}
+              txTo={internalOp.from === txData.to}
             />
           </div>
         </AddressHighlighter>
       </div>
       <div className="flex items-baseline">
         <span className="text-gray-500">To</span>
-        <AddressHighlighter address={transfer.to}>
+        <AddressHighlighter address={internalOp.to}>
           <div
             className={`flex items-baseline space-x-1 ${
               toMiner ? "rounded px-2 py-1 bg-yellow-100" : ""
             }`}
           >
             <DecoratedAddressLink
-              address={transfer.to}
+              address={internalOp.to}
               miner={toMiner}
-              txFrom={transfer.to === txData.from}
-              txTo={transfer.to === txData.to}
+              txFrom={internalOp.to === txData.from}
+              txTo={internalOp.to === txData.to}
             />
           </div>
         </AddressHighlighter>

src/nodeFunctions.ts

@@ -1,15 +1,15 @@
 import { ethers } from "ethers";
-import { TransactionData, Transfer } from "./types";
+import { TransactionData, InternalOperation } from "./types";
 
-export const getTransactionTransfers = async (
+export const getInternalOperations = async (
   provider: ethers.providers.JsonRpcProvider,
   txData: TransactionData
 ) => {
-  const rawTransfers = await provider.send("ots_getTransactionTransfers", [
+  const rawTransfers = await provider.send("ots_getInternalOperations", [
     txData.transactionHash,
   ]);
 
-  const _transfers: Transfer[] = [];
+  const _transfers: InternalOperation[] = [];
   for (const t of rawTransfers) {
     _transfers.push({
       type: t.type,

src/transaction/Details.tsx

@@ -12,22 +12,22 @@ import AddressHighlighter from "../components/AddressHighlighter";
 import DecoratedAddressLink from "../components/DecoratedAddressLink";
 import Copy from "../components/Copy";
 import Timestamp from "../components/Timestamp";
-import InternalOperation from "../components/InternalOperation";
+import InternalTransactionOperation from "../components/InternalTransactionOperation";
 import MethodName from "../components/MethodName";
 import GasValue from "../components/GasValue";
 import FormattedBalance from "../components/FormattedBalance";
 import TokenTransferItem from "../TokenTransferItem";
-import { TransactionData, Transfer } from "../types";
+import { TransactionData, InternalOperation } from "../types";
 
 type DetailsProps = {
   txData: TransactionData;
-  internalTransfers?: Transfer[];
+  internalOps?: InternalOperation[];
   sendsEthToMiner: boolean;
 };
 
 const Details: React.FC<DetailsProps> = ({
   txData,
-  internalTransfers,
+  internalOps,
   sendsEthToMiner,
 }) => (
   <ContentFrame tabs>
@@ -97,10 +97,14 @@ const Details: React.FC<DetailsProps> = ({
           <Copy value={txData.createdContractAddress!} />
         </div>
       )}
-      {internalTransfers && (
+      {internalOps && (
         <div className="mt-2 space-y-1">
-          {internalTransfers.map((t, i) => (
-            <InternalOperation key={i} txData={txData} transfer={t} />
+          {internalOps.map((op, i) => (
+            <InternalTransactionOperation
+              key={i}
+              txData={txData}
+              internalOp={op}
+            />
           ))}
         </div>
       )}

src/types.ts

@@ -72,15 +72,15 @@ export type From = {
   depth: number;
 };
 
-export enum TransferType {
+export enum OperationType {
   TRANSFER = 0,
   SELF_DESTRUCT = 1,
   CREATE = 2,
   CREATE2 = 3,
 }
 
-export type Transfer = {
-  type: TransferType;
+export type InternalOperation = {
+  type: OperationType;
   from: string;
   to: string;
   value: BigNumber;

src/useErigonHooks.ts

@@ -1,13 +1,13 @@
 import { ethers } from "ethers";
 import { useState, useEffect } from "react";
-import { getTransactionTransfers } from "./nodeFunctions";
-import { TransactionData, Transfer } from "./types";
+import { getInternalOperations } from "./nodeFunctions";
+import { TransactionData, InternalOperation } from "./types";
 
-export const useInternalTransfers = (
+export const useInternalOperations = (
   provider: ethers.providers.JsonRpcProvider | undefined,
   txData: TransactionData | undefined
-): Transfer[] | undefined => {
-  const [intTransfers, setIntTransfers] = useState<Transfer[]>();
+): InternalOperation[] | undefined => {
+  const [intTransfers, setIntTransfers] = useState<InternalOperation[]>();
 
   useEffect(() => {
     const traceTransfers = async () => {
@@ -15,7 +15,7 @@ export const useInternalTransfers = (
         return;
       }
 
-      const _transfers = await getTransactionTransfers(provider, txData);
+      const _transfers = await getInternalOperations(provider, txData);
       for (const t of _transfers) {
         t.from = provider.formatter.address(t.from);
         t.to = provider.formatter.address(t.to);