From d9155bff11e5b847abf25b55e75738b091e838ae Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 8 Nov 2021 08:28:28 -0300
Subject: [PATCH] Use complete input decoder

---
 src/transaction/TraceInput.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/transaction/TraceInput.tsx b/src/transaction/TraceInput.tsx
index bed9090..39184b5 100644
--- a/src/transaction/TraceInput.tsx
+++ b/src/transaction/TraceInput.tsx
@@ -3,7 +3,7 @@ import { Switch } from "@headlessui/react";
 import TransactionAddress from "../components/TransactionAddress";
 import FormattedBalance from "../components/FormattedBalance";
 import FunctionSignature from "./FunctionSignature";
-import DecodedParamsTable from "./decoder/DecodedParamsTable";
+import InputDecoder from "./decoder/InputDecoder";
 import { TraceEntry } from "../useErigonHooks";
 import { ResolvedAddresses } from "../api/address-resolver";
 import {
@@ -75,10 +75,13 @@ const TraceInput: React.FC<TraceInputProps> = ({
       {hasParams && expanded && fourBytesTxDesc && (
         <>
           <div className="ml-5 mr-1 my-2">
-            <DecodedParamsTable
-              args={fourBytesTxDesc.args}
-              paramTypes={fourBytesTxDesc.functionFragment.inputs}
+            <InputDecoder
+              fourBytes={raw4Bytes ?? "0x"}
+              resolvedTxDesc={fourBytesTxDesc}
               hasParamNames={false}
+              data={t.input}
+              userMethod={undefined}
+              devMethod={undefined}
               resolvedAddresses={resolvedAddresses}
             />
           </div>