Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into develop

src/components/views/rooms/MemberList.js

@@ -51,6 +51,7 @@ module.exports = React.createClass({
         var cli = MatrixClientPeg.get();
         cli.on("RoomState.members", this.onRoomStateMember);
         cli.on("RoomMember.name", this.onRoomMemberName);
+        cli.on("RoomState.events", this.onRoomStateEvent);
         cli.on("Room", this.onRoom); // invites
     },
 
@@ -60,6 +61,7 @@ module.exports = React.createClass({
             MatrixClientPeg.get().removeListener("RoomState.members", this.onRoomStateMember);
             MatrixClientPeg.get().removeListener("RoomMember.name", this.onRoomMemberName);
             MatrixClientPeg.get().removeListener("User.presence", this.userPresenceFn);
+            MatrixClientPeg.get().removeListener("RoomState.events", this.onRoomStateEvent);
         }
     },
 
@@ -69,11 +71,13 @@ module.exports = React.createClass({
         // Lazy-load in more than the first N members
         setTimeout(function() {
             if (!self.isMounted()) return;
+            // lazy load to prevent it blocking the first render
+            self._loadUserList();
+
             self.setState({
                 members: self.roomMembers()
             });
-            // lazy load to prevent it blocking the first render
-            self._loadUserList();
+            
         }, 50);
 
         // Attach a SINGLE listener for global presence changes then locate the
@@ -133,6 +137,12 @@ module.exports = React.createClass({
         this._updateList();
     },
 
+    onRoomStateEvent: function(event, state) {
+        if (event.getType() === "m.room.third_party_invite") {
+            this._updateList();
+        }
+    },
+
     _updateList: function() {
         this.memberDict = this.getMemberDict();