Cancel edit

Author: vasapower

spa/farming/fixedInflation/view.jsx

@@ -8,12 +8,13 @@ var FixedInflationView = React.createClass({
         var _this = this;
         return {
             'fixedInflation/edit/open' : function(fixedInflationContractAddress) {
-                _this.emit('edit/toggle', true, () => _this.setState({edit: true, fixedInflationContractAddress, cancelEdit : function() {
-                    _this.setState({edit : false, fixedInflationContractAddress : null, cancelEdit : null});
-                }}))
+                _this.emit('edit/toggle', true, () => _this.setState({edit: true, fixedInflationContractAddress}))
             }
         }
     },
+    cancelEdit() {
+        this.setState({edit : false, fixedInflationContractAddress : null, cancelEdit : null});
+    },
     calculateTimeTier() {
         if(!this.props || !this.props.fixedInflationData || !this.props.fixedInflationData.blockLimit) {
             return '';
@@ -34,6 +35,7 @@ var FixedInflationView = React.createClass({
         var props = {};
         this.props && Object.entries(this.props).forEach(entry => props[entry[0]] = entry[1]);
         this.state && Object.entries(this.state).forEach(entry => props[entry[0]] = entry[1]);
+        delete props.props;
         return (<ul className="DFOHosting DFOHostingBBBB">
             <section className="HostingCategoryTitle">
                 <h2>Inflation</h2>
@@ -42,7 +44,7 @@ var FixedInflationView = React.createClass({
             {(!this.state || !this.state.edit) && (!this.props || !this.props.fixedInflationData) && <LoaderMinimino/>}
             {(!this.state || !this.state.edit) && props.dfoCore && props.dfoCore.deployedFixedInflationContracts && props.dfoCore.deployedFixedInflationContracts.length  === 0 && <h4>No Fixed inflation data</h4>}
             {(!this.state || !this.state.edit) && props.dfoCore && React.createElement(FixedInflationViewWrapped, {...props, edit : this.props.edit})}
-            {this.props && this.props.edit && this.state && this.state.edit && React.createElement(FixedInflationEdit, props)}
+            {this.props && this.props.edit && this.state && this.state.edit && React.createElement(FixedInflationEdit, {...props, cancelEdit : this.cancelEdit})}
         </ul>);
     }
 });