From 9a1e7ad170e5dad8018b01d96d53622d279b9cbb Mon Sep 17 00:00:00 2001
From: Richard Lewis <rick@matrix.org>
Date: Thu, 13 Jul 2017 00:27:03 +0100
Subject: [PATCH] Hide widget panel while it is being deleted.

---
 src/components/views/elements/AppTile.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/views/elements/AppTile.js b/src/components/views/elements/AppTile.js
index 3c3f01c1cd..b875711df8 100644
--- a/src/components/views/elements/AppTile.js
+++ b/src/components/views/elements/AppTile.js
@@ -46,6 +46,7 @@ export default React.createClass({
             loading: false,
             widgetUrl: this.props.url,
             error: null,
+            deleting: false,
         };
     },
 
@@ -92,6 +93,7 @@ export default React.createClass({
 
     _onDeleteClick: function() {
         console.log("Delete widget %s", this.props.id);
+        this.setState({deleting: true});
         MatrixClientPeg.get().sendStateEvent(
             this.props.room.roomId,
             'im.vector.modular.widgets',
@@ -101,6 +103,7 @@ export default React.createClass({
             console.log('Deleted widget');
         }, (e) => {
             console.error('Failed to delete widget', e);
+            this.setState({deleting: false});
         });
     },
 
@@ -115,6 +118,12 @@ export default React.createClass({
 
     render: function() {
         let appTileBody;
+
+        // Don't render widget if it is in the process of being deleted
+        if (this.state.deleting) {
+            return <div></div>;
+        }
+
         if (this.state.loading) {
             appTileBody = (
                 <div> Loading... </div>