Add proper label to method decoding inputs (#4136)

js/src/ui/MethodDecoding/methodDecoding.js

@@ -377,11 +377,15 @@ class MethodDecoding extends Component {
     }
 
     const inputs = methodInputs.map((input, index) => {
+      const label = input.name
+        ? `${input.name}: ${input.type}`
+        : input.type;
+
       return (
         <TypedInput
           allowCopy
           className={ styles.input }
-          label={ input.type }
+          label={ label }
           key={ index }
           param={ input.type }
           readOnly

js/src/ui/MethodDecoding/methodDecodingStore.js

@@ -164,8 +164,8 @@ export default class MethodDecodingStore {
               methodInputs = this.api.util
                 .decodeMethodInput(abi, paramdata)
                 .map((value, index) => {
-                  const type = abi.inputs[index].type;
-                  return { type, value };
+                  const { name, type } = abi.inputs[index];
+                  return { name, type, value };
                 });
             }