diff --git a/src/components/structures/GroupView.js b/src/components/structures/GroupView.js index 1c1009d6fa..2884484419 100644 --- a/src/components/structures/GroupView.js +++ b/src/components/structures/GroupView.js @@ -674,7 +674,8 @@ export default React.createClass({ _onAcceptInviteClick: async function() { this.setState({membershipBusy: true}); - // Wait 500ms to prevent flashing + // Wait 500ms to prevent flashing. Do this before sending a request otherwise we risk the + // spinner disappearing after we have fetched new group data. await Promise.delay(500); this._groupStore.acceptGroupInvite().then(() => { @@ -692,7 +693,8 @@ export default React.createClass({ _onRejectInviteClick: async function() { this.setState({membershipBusy: true}); - // Wait 500ms to prevent flashing + // Wait 500ms to prevent flashing. Do this before sending a request otherwise we risk the + // spinner disappearing after we have fetched new group data. await Promise.delay(500); this._groupStore.leaveGroup().then(() => { @@ -710,7 +712,8 @@ export default React.createClass({ _onJoinClick: async function() { this.setState({membershipBusy: true}); - // Wait 500ms to prevent flashing + // Wait 500ms to prevent flashing. Do this before sending a request otherwise we risk the + // spinner disappearing after we have fetched new group data. await Promise.delay(500); this._groupStore.joinGroup().then(() => { @@ -737,7 +740,8 @@ export default React.createClass({ this.setState({membershipBusy: true}); - // Wait 500ms to prevent flashing + // Wait 500ms to prevent flashing. Do this before sending a request otherwise we risk the + // spinner disappearing after we have fetched new group data. await Promise.delay(500); this._groupStore.leaveGroup().then(() => {