fix decoded input data

mocks/txs/decodedInputData.ts

@@ -39,5 +39,11 @@ export const withIndexedFields: DecodedInput = {
       type: 'uint256',
       value: '31567373703130350',
     },
+    {
+      indexed: true,
+      name: 'inputArray',
+      type: 'uint256[2][2]',
+      value: [ [ '1', '1' ], [ '1', '1' ] ],
+    },
   ],
 };

types/api/decodedInput.ts

@@ -7,6 +7,6 @@ export interface DecodedInput {
 export interface DecodedInputParams {
   name: string;
   type: string;
-  value: string;
+  value: string | Array<unknown> | Record<string, unknown>;
   indexed?: boolean;
 }

ui/shared/logs/LogDecodedInputData.tsx

@@ -155,19 +155,37 @@ const LogDecodedInputData = ({ data }: Props) => {
         </>
       ) }
       { data.parameters.map(({ name, type, value, indexed }, index) => {
+        const content = (() => {
+          if (type === 'address' && typeof value === 'string') {
             return (
-          <TableRow key={ name } name={ name } type={ type } isLast={ index === data.parameters.length - 1 } indexed={ indexed }>
-            { type === 'address' ? (
               <Address justifyContent="space-between">
                 <AddressLink type="address" hash={ value }/>
                 <CopyToClipboard text={ value }/>
               </Address>
-            ) : (
+            );
+          }
+
+          if (typeof value === 'object') {
+            const text = JSON.stringify(value, undefined, 4);
+            return (
+              <Flex alignItems="flex-start" justifyContent="space-between" whiteSpace="normal" wordBreak="break-all">
+                <div>{ text }</div>
+                <CopyToClipboard text={ text }/>
+              </Flex>
+            );
+          }
+
+          return (
             <Flex alignItems="flex-start" justifyContent="space-between" whiteSpace="normal" wordBreak="break-all">
-                <Text>{ String(value) }</Text>
+              <Text>{ value }</Text>
               <CopyToClipboard text={ value }/>
             </Flex>
-            ) }
+          );
+        })();
+
+        return (
+          <TableRow key={ name } name={ name } type={ type } isLast={ index === data.parameters.length - 1 } indexed={ indexed }>
+            { content }
           </TableRow>
         );
       }) }