From 8d3d76c1078e3cf66baa7fb91fb14e99c68d2397 Mon Sep 17 00:00:00 2001
From: Nicolas Gotchac <ngotchac@gmail.com>
Date: Wed, 11 Jan 2017 17:44:56 +0100
Subject: [PATCH] Add proper label to method decoding inputs (#4136)

---
 js/src/ui/MethodDecoding/methodDecoding.js      | 6 +++++-
 js/src/ui/MethodDecoding/methodDecodingStore.js | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/js/src/ui/MethodDecoding/methodDecoding.js b/js/src/ui/MethodDecoding/methodDecoding.js
index 693ae60b5..2c4c28e47 100644
--- a/js/src/ui/MethodDecoding/methodDecoding.js
+++ b/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
diff --git a/js/src/ui/MethodDecoding/methodDecodingStore.js b/js/src/ui/MethodDecoding/methodDecodingStore.js
index b31412c21..01f3a635c 100644
--- a/js/src/ui/MethodDecoding/methodDecodingStore.js
+++ b/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 };
                 });
             }