ref(video-layout): video layout controls own updating after user leave

modules/UI/UI.js

@@ -504,18 +504,6 @@ UI.addUser = function(user) {
     }
 };
 
-/**
- * Remove user from UI.
- * @param {string} id   user id
- * @param {string} displayName user nickname
- */
-UI.removeUser = function(id, displayName) {
-    messageHandler.participantNotification(
-        displayName, 'notify.somebody', 'disconnected', 'notify.disconnected');
-
-    VideoLayout.removeParticipantContainer(id);
-};
-
 /**
  * Update videotype for specified user.
  * @param {string} id user id

modules/UI/shared_video/SharedVideo.js

@@ -497,7 +497,7 @@ export default class SharedVideoManager {
             this.localAudioMutedListener);
         this.localAudioMutedListener = null;
 
-        VideoLayout.removeParticipantContainer(this.url);
+        APP.store.dispatch(participantLeft(this.url, APP.conference._room));
 
         VideoLayout.showLargeVideoContainer(SHARED_VIDEO_CONTAINER_TYPE, false)
             .then(() => {
@@ -522,8 +522,6 @@ export default class SharedVideoManager {
                     UIEvents.UPDATE_SHARED_VIDEO, null, 'removed');
             });
 
-        APP.store.dispatch(participantLeft(this.url, APP.conference._room));
-
         this.url = null;
         this.isSharedVideoShown = false;
         this.initialAttributes = null;

modules/UI/shared_video/SharedVideoThumb.js

@@ -68,10 +68,6 @@ SharedVideoThumb.prototype.videoClick = function() {
 SharedVideoThumb.prototype.remove = function() {
     logger.log('Remove shared video thumb', this.id);
 
-    // Make sure that the large video is updated if are removing its
-    // corresponding small video.
-    this.VideoLayout.updateAfterThumbRemoved(this.id);
-
     // Remove whole container
     if (this.container.parentNode) {
         this.container.parentNode.removeChild(this.container);

modules/UI/videolayout/RemoteVideo.js

@@ -476,10 +476,6 @@ RemoteVideo.prototype.remove = function() {
 
     this.removeRemoteVideoMenu();
 
-    // Make sure that the large video is updated if are removing its
-    // corresponding small video.
-    this.VideoLayout.updateAfterThumbRemoved(this.id);
-
     // Remove whole container
     if (this.container.parentNode) {
         this.container.parentNode.removeChild(this.container);

modules/UI/videolayout/VideoLayout.js

@@ -253,7 +253,7 @@ const VideoLayout = {
      * Uses focusedID if any or dominantSpeakerID if any,
      * otherwise elects new video, in this order.
      */
-    updateAfterThumbRemoved(id) {
+    _updateAfterThumbRemoved(id) {
         // Always trigger an update if large video is empty.
         if (!largeVideo
             || (this.getLargeVideoID() && !this.isCurrentlyOnLarge(id))) {
@@ -804,6 +804,7 @@ const VideoLayout = {
         }
 
         VideoLayout.resizeThumbnails();
+        VideoLayout._updateAfterThumbRemoved(id);
     },
 
     onVideoTypeChanged(id, newVideoType) {