status-im/embark-area-51
2
0
Fork 0
mirror of https://github.com/status-im/embark-area-51.git synced 2025-01-09 21:46:12 +00:00
Code Issues Projects Releases Wiki Activity

Alert for error invoking functions

Browse Source
This commit is contained in:
Richard Ramos 2018-05-11 10:13:42 -04:00 committed by Iuri Matias
parent 7f2d706d9a
commit cee87c4861
1 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
lib/modules/scaffolding-react/templates/dapp.js.tpl
View File

@ -3,7 +3,7 @@ import {{contractName}} from 'Embark/contracts/{{contractName}}';
import React from 'react';
import ReactDOM from 'react-dom';
import { FormGroup, ControlLabel, FormControl, Checkbox, Button } from 'react-bootstrap';
import { FormGroup, ControlLabel, FormControl, Checkbox, Button, Alert } from 'react-bootstrap';
{{#each functions}}
@ -21,7 +21,7 @@ class {{capitalize name}}_{{@index}}_Form extends React.Component {
{{#ifview stateMutability}}
output: null,
{{/ifview}}
message: ''
error: null
};
}
@ -37,22 +37,29 @@ class {{capitalize name}}_{{@index}}_Form extends React.Component {
async handleClick(e){
e.preventDefault();
this.setState({output: null});
this.setState({output: null, error: null});
{{#ifview stateMutability}}
{{../contractName}}.methods{{methodname ../functions name inputs}}({{#each inputs}}this.state.input.{{name}}{{#unless @last}}, {{/unless}}{{/each}})
.call()
.then((result) => {
{{#iflengthgt outputs 1}}
this.setState({output: {
{{#each outputs}}
{{emptyname name @index}}: result[{{@index}}]{{#unless @last}},{{/unless}}
{{/each}}
}});
{{else}}
this.setState({output: result});
{{/iflengthgt}}
});
try {
{{../contractName}}.methods{{methodname ../functions name inputs}}({{#each inputs}}this.state.input.{{name}}{{#unless @last}}, {{/unless}}{{/each}})
.call()
.then((result) => {
{{#iflengthgt outputs 1}}
this.setState({output: {
{{#each outputs}}
{{emptyname name @index}}: result[{{@index}}]{{#unless @last}},{{/unless}}
{{/each}}
}});
{{else}}
this.setState({output: result});
{{/iflengthgt}}
})
.catch((err) => {
this.setState({error: err.message});
});
} catch(err) {
this.setState({error: err.message});
}
// TODO show on screen
{{/ifview}}
@ -63,6 +70,11 @@ class {{capitalize name}}_{{@index}}_Form extends React.Component {
render(){
return <div className="formSection">
<h3>{{name}}</h3>
{
this.state.error != null ?
<Alert bsStyle="danger">{this.state.error}</Alert>
: ''
}
<form>
{{#if inputs.length}}
{{#each inputs}}