Show busy indicator on Address forget (#6066) (#6069)

* Shw busy indicator on Address forget * Remove debug logs
openethereum · Jul 16, 2017 · 4becd27 · 4becd27
1 parent 54536df
commit 4becd27
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/js/src/ui/ConfirmDialog/confirmDialog.js b/js/src/ui/ConfirmDialog/confirmDialog.js
@@ -69,14 +69,14 @@ export default class ConfirmDialog extends Component {
       <Portal
         buttons={ [
           <Button
-            disabled={ disabledDeny }
+            disabled={ disabledDeny || busy }
             icon={ iconDeny || <CancelIcon /> }
             key='deny'
             label={ labelDeny || DEFAULT_NO }
             onClick={ onDeny }
           />,
           <Button
-            disabled={ disabledConfirm }
+            disabled={ disabledConfirm || busy }
             icon={ iconConfirm || <CheckIcon /> }
             key='confirm'
             label={ labelConfirm || DEFAULT_YES }

diff --git a/js/src/views/Address/Delete/delete.js b/js/src/views/Address/Delete/delete.js
@@ -41,15 +41,21 @@ class Delete extends Component {
     newError: PropTypes.func
   };
 
+  state = {
+    isBusy: false
+  };
+
   render () {
     const { account, confirmMessage, visible } = this.props;
+    const { isBusy } = this.state;
 
     if (!visible) {
       return null;
     }
 
     return (
       <ConfirmDialog
+        busy={ isBusy }
         className={ styles.delete }
         title={
           <FormattedMessage
@@ -99,6 +105,8 @@ class Delete extends Component {
     const { api, router } = this.context;
     const { account, route, newError } = this.props;
 
+    this.setState({ isBusy: true });
+
     api.parity
       .removeAddress(account.address)
       .then(() => {