diff --git a/lib/modules/scaffolding-react/templates/dapp.js.tpl b/lib/modules/scaffolding-react/templates/dapp.js.tpl
index 4598bf20..dae3409e 100644
--- a/lib/modules/scaffolding-react/templates/dapp.js.tpl
+++ b/lib/modules/scaffolding-react/templates/dapp.js.tpl
@@ -6,8 +6,34 @@ import ReactDOM from 'react-dom';
import { FormGroup, ControlLabel, FormControl, Checkbox, Button, Alert, InputGroup } from 'react-bootstrap';
+class {{contractName}}UI extends React.Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ };
+ }
+
+ render(){
+ return (
+ {{#each functions}}
+ <{{capitalize name}}Form{{@index}} />
+ {{/each}}
+
);
+ }
+}
+
+
+ReactDOM.render(
+
{{title}}
+ <{{contractName}}UI />
+ ,
+ document.getElementById('app')
+);
+
+
+
{{#each functions}}
-class {{capitalize name}}_{{@index}}_Form extends React.Component {
+class {{capitalize name}}Form{{@index}} extends React.Component {
constructor(props){
super(props);
this.state = {
@@ -77,13 +103,10 @@ class {{capitalize name}}_{{@index}}_Form extends React.Component {
console.log(err);
this.setState({error: err.message});
});
- // TODO payable
{{/ifview}}
} catch(err) {
this.setState({error: err.message});
}
-
- // TODO validate
}
render(){
@@ -163,28 +186,3 @@ class {{capitalize name}}_{{@index}}_Form extends React.Component {
}
{{/each}}
-
-
-class {{contractName}}UI extends React.Component {
- constructor (props) {
- super(props);
- this.state = {
- };
- }
-
- render(){
- return (
- {{#each functions}}
- <{{capitalize name}}_{{@index}}_Form />
- {{/each}}
-
);
- }
-}
-
-
-ReactDOM.render(
-
{{title}}
- <{{contractName}}UI />
- ,
- document.getElementById('app')
-);
\ No newline at end of file