fixed code formatting

react/src/components/dashboard/bodyBottom/bodyBottom.js

@@ -3,31 +3,30 @@ import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 
 export default class BodyEnd extends React.PureComponent {
+  static propTypes = {
+    children: PropTypes.node,
+  };
 
-    static propTypes = {
+  componentDidMount() {
-        children: PropTypes.node,
+    this._popup = document.createElement('div');
-    };
+    document.body.appendChild(this._popup);
+    this._render();
+  }
 
-    componentDidMount() {
+  componentDidUpdate() {
-        this._popup = document.createElement('div');
+    this._render();
-        document.body.appendChild(this._popup);
+  }
-        this._render();
-    }
 
-    componentDidUpdate() {
+  componentWillUnmount() {
-        this._render();
+    ReactDOM.unmountComponentAtNode(this._popup);
-    }
+    document.body.removeChild(this._popup);
+  }
 
-    componentWillUnmount() {
+  _render() {
-        ReactDOM.unmountComponentAtNode(this._popup);
+    ReactDOM.render(this.props.children, this._popup);
-        document.body.removeChild(this._popup);
+  }
-    }
 
-    _render() {
+  render() {
-        ReactDOM.render(this.props.children, this._popup);
+    return null;
-    }
+  }
-
-    render() {
-        return null;
-    }
 }

react/src/components/dashboard/invoiceModal/invoiceModal.js

@@ -37,17 +37,17 @@ class InvoiceModal extends React.Component {
       [e.target.name]: e.target.value
     }, this.updateQRContent);
    }
-   
+
   updateQRContent() {
     this.setState({
-      content: JSON.stringify({ 
+      content: JSON.stringify({
-        "address": this.state.qrAddress, 
+        address: this.state.qrAddress,
-        "amount": this.state.qrAmount, 
+        amount: this.state.qrAmount,
-        "coin": this.props.ActiveCoin.coin,
+        coin: this.props.ActiveCoin.coin,
       }),
     });
   }
-  
+
    closeModal() {
     this.setState({
       modalIsOpen: false,
@@ -99,7 +99,7 @@ class InvoiceModal extends React.Component {
         }
 
         items.push(
-            AddressItemRender.call(this, address, type)
+          AddressItemRender.call(this, address, type)
         );
       }
 
@@ -115,7 +115,6 @@ class InvoiceModal extends React.Component {
     } else {
       return InvoiceModalButtonRender.call(this);
     }
-    
   }
 }
 
@@ -134,10 +133,8 @@ const mapStateToProps = (state) => {
     },
     Dashboard: {
       activeHandle: state.Dashboard.activeHandle,
-    }
+    },
-
   };
- 
 };
 
 export default connect(mapStateToProps)(InvoiceModal);

react/src/components/dashboard/invoiceModal/invoiceModal.render.js

@@ -26,37 +26,37 @@ export const InvoiceModalRender = function () {
                     <div className="col-lg-8 form-group form-material vertical-align-middle">
                       <form>
                         <label
-                        className="control-label"
+                          className="control-label"
-                        htmlFor="qrAddress">
+                          htmlFor="qrAddress">
                           { translate('INDEX.RECEIVING_ADDRESS') }
                         </label>
                         <select
-                        className="form-control"
+                          className="form-control"
-                        name="qrAddress"
+                          name="qrAddress"
-                        id="qrAddress"
+                          id="qrAddress"
-                        value={ this.state.qrAddress }
+                          value={ this.state.qrAddress }
-                        onChange={ this.updateInput }>
+                          onChange={ this.updateInput }>
-                        <option value="-1">
+                          <option value="-1">
-                        { translate('INDEX.CHOOSE_RECEIVING_ADDRESS') }
+                            { translate('INDEX.CHOOSE_RECEIVING_ADDRESS') }
-                        </option>
+                          </option>
-                        { this.renderAddressList('public') }
+                          { this.renderAddressList('public') }
-                        { this.isNativeMode() && this.renderAddressList('private') }
+                          { this.isNativeMode() && this.renderAddressList('private') }
                         </select>
                         <label
-                        className="control-label margin-top-20"
+                          className="control-label margin-top-20"
-                        htmlFor="qrCoinAmount">
+                          htmlFor="qrCoinAmount">
                           { this.props.ActiveCoin.coin }
                         </label>
                         <input
-                        type="number"
+                          type="number"
-                        min="0"
+                          min="0"
-                        className="form-control"
+                          className="form-control"
-                        id="qrCoinAmount"
+                          id="qrCoinAmount"
-                        name="qrAmount"
+                          name="qrAmount"
-                        placeholder="0"
+                          placeholder="0"
-                        autoComplete="off"
+                          autoComplete="off"
-                        value={ this.state.qrAmount }
+                          value={ this.state.qrAmount }
-                        onChange={ this.updateInput } />
+                          onChange={ this.updateInput } />
                       </form>
                     </div>
                     <div className="col-lg-4">
@@ -65,10 +65,10 @@ export const InvoiceModalRender = function () {
                         size={ 198 } />
                     </div>
                   </div>
-                  <div className="row">
+                  <div className="row hide">
                     <div className="col-lg-12">
                       <p className="help-block">
-                      { translate('INDEX.QR_CONTENT') }:<br />
+                        { translate('INDEX.QR_CONTENT') }:<br />
                         { this.state.content }
                       </p>
                     </div>
@@ -87,10 +87,10 @@ export const InvoiceModalRender = function () {
 export const InvoiceModalButtonRender = function () {
   return (
     <span>
-      <button type="button" 
+      <button type="button"
         className="btn btn-success waves-effect waves-light margin-right-10"
         onClick={ this.openModal }>
-          <i className="icon fa-file-text-o"></i>
+          <i className="icon fa-file-text-o"></i>&nbsp;
           { translate('INDEX.CREATE_INVOICE') }
       </button>
     </span>