Contract call response displayed with empty values (#2307)

Fixes #2306
blockscout · Oct 22, 2024 · 93f84be · 93f84be
1 parent f37088f
commit 93f84be
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 2 deletions.
diff --git a/ui/address/contract/methods/form/ContractMethodResultPublicClient.pw.tsx b/ui/address/contract/methods/form/ContractMethodResultPublicClient.pw.tsx
@@ -69,6 +69,17 @@ const abiItem: AbiFunction = {
       name: 'internalProposals',
       type: 'tuple[]',
     },
+
+    // ARRAY OF TUPLES WITHOUT NAMES
+    {
+      components: [
+        { type: 'address' },
+        { type: 'uint256' },
+      ],
+      internalType: 'struct SharingPercentage[]',
+      name: '_sharingPercentages',
+      type: 'tuple[]',
+    },
   ],
 };
 
@@ -115,6 +126,10 @@ const result = [
       },
     },
   ],
+  [
+    [ '0xfD36176C63dA52E783a347DE3544B0b44C7054a6', 0 ],
+    [ '0xC9534cB913150aD3e98D792857689B55e2404212', 3500 ],
+  ],
 ];
 
 const onSettle = () => {};

diff --git a/...orm/__screenshots__/ContractMethodResultPublicClient.pw.tsx_default_error-1.png b/...orm/__screenshots__/ContractMethodResultPublicClient.pw.tsx_default_error-1.png
diff --git a/...creenshots__/ContractMethodResultPublicClient.pw.tsx_default_preview-mode-1.png b/...creenshots__/ContractMethodResultPublicClient.pw.tsx_default_preview-mode-1.png
diff --git a/...screenshots__/ContractMethodResultPublicClient.pw.tsx_default_result-mode-1.png b/...screenshots__/ContractMethodResultPublicClient.pw.tsx_default_result-mode-1.png
diff --git a/ui/address/contract/methods/form/resultPublicClient/ItemTuple.tsx b/ui/address/contract/methods/form/resultPublicClient/ItemTuple.tsx
@@ -23,8 +23,20 @@ const ItemTuple = ({ abiParameter, data, mode, level }: Props) => {
         <span> { '{' }</span>
       </p>
       { 'components' in abiParameter && abiParameter.components.map((component, index) => {
-        const dataObj = typeof data === 'object' && data !== null ? data : undefined;
-        const itemData = dataObj && component.name && component.name in dataObj ? dataObj[component.name as keyof typeof dataObj] : undefined;
+        const itemData = (() => {
+          if (typeof data !== 'object' || data === null) {
+            return;
+          }
+
+          if (Array.isArray(data)) {
+            return data[index];
+          }
+
+          if (component.name && component.name in data) {
+            return data[component.name as keyof typeof data];
+          }
+        })();
+
         return (
           <Item
             key={ index }