Merge branch 'master' into issue/fix-contract-form-bytes32-submit

trufflesuite · Feb 19, 2019 · 249b88a · 249b88a
2 parents 2036e6f + f411823
commit 249b88a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/ContractForm.js b/src/ContractForm.js
@@ -34,7 +34,9 @@ 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])
@@ -72,7 +74,7 @@ class ContractForm extends Component {
 
   render() {
     return (
-      <form className="pure-form pure-form-stacked">
+      <form className="pure-form pure-form-stacked" onSubmit={this.handleSubmit}>
         {this.inputs.map((input, index) => {
           var inputType = this.translateType(input.type);
           var inputLabel = this.props.labels

diff --git a/src/new-context-api/ContractForm.js b/src/new-context-api/ContractForm.js
@@ -32,7 +32,9 @@ 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])
@@ -70,7 +72,7 @@ class ContractForm extends Component {
 
   render() {
     return (
-      <form className="pure-form pure-form-stacked">
+      <form className="pure-form pure-form-stacked" onSubmit={this.handleSubmit}>
         {this.inputs.map((input, index) => {
           var inputType = this.translateType(input.type);
           var inputLabel = this.props.labels