Merge pull request #43 from maxme/issue/fix-contract-form-bytes32-submit

Fix an issue when strings were sent directly to contract method expecting bytes32

src/ContractForm.js

@@ -10,6 +10,7 @@ class ContractForm extends Component {
     this.handleSubmit = this.handleSubmit.bind(this);
 
     this.contracts = context.drizzle.contracts;
+    this.utils = context.drizzle.web3.utils;
 
     // Get the contract ABI
     const abi = this.contracts[this.props.contract].abi;
@@ -35,15 +36,23 @@ class ContractForm extends Component {
 
   handleSubmit(event) {
     event.preventDefault();
+
+    const convertedInputs = this.inputs.map((input, index) => {
+      if (input.type === 'bytes32') {
+        return this.utils.toHex(this.state[input.name])
+      }
+      return this.state[input.name];
+    })
+
     if (this.props.sendArgs) {
       return this.contracts[this.props.contract].methods[
         this.props.method
-      ].cacheSend(...Object.values(this.state), this.props.sendArgs);
+      ].cacheSend(...convertedInputs, this.props.sendArgs);
     }
 
-    this.contracts[this.props.contract].methods[this.props.method].cacheSend(
-      ...Object.values(this.state),
-    );
+    return this.contracts[this.props.contract].methods[
+      this.props.method
+    ].cacheSend(...convertedInputs);
   }
 
   handleInputChange(event) {

src/new-context-api/ContractForm.js

@@ -32,17 +32,25 @@ class ContractForm extends Component {
     this.state = initialState;
   }
 
-  handleSubmit() {
+  handleSubmit(event) {
     event.preventDefault();
+
+    const convertedInputs = this.inputs.map((input, index) => {
+      if (input.type === 'bytes32') {
+        return this.utils.toHex(this.state[input.name])
+      }
+      return this.state[input.name];
+    })
+
     if (this.props.sendArgs) {
       return this.contracts[this.props.contract].methods[
         this.props.method
-      ].cacheSend(...Object.values(this.state), this.props.sendArgs);
+      ].cacheSend(...convertedInputs, this.props.sendArgs);
     }
 
-    this.contracts[this.props.contract].methods[this.props.method].cacheSend(
-      ...Object.values(this.state),
-    );
+    return this.contracts[this.props.contract].methods[
+      this.props.method
+    ].cacheSend(...convertedInputs);
   }
 
   handleInputChange(event) {