fix(stage-filmstrip): Pinning

Pinning participant was not working for stage filmstrip and
screen sharing filmstirp layouts

react/features/filmstrip/middleware.web.js

@@ -46,12 +46,12 @@ import {
 } from './constants';
 import {
     isFilmstripResizable,
-    isTopPanelEnabled,
     isStageFilmstripAvailable,
     updateRemoteParticipants,
     updateRemoteParticipantsOnLeave,
     getActiveParticipantsIds,
-    getPinnedActiveParticipants
+    getPinnedActiveParticipants,
+    isStageFilmstripTopPanel
 } from './functions.web';
 import './subscriber';
 
@@ -278,7 +278,7 @@ MiddlewareRegistry.register(store => next => action => {
         const pinnedParticipants = getPinnedActiveParticipants(state);
         const dominant = getDominantSpeakerParticipant(state);
 
-        if (isTopPanelEnabled(state)) {
+        if (isStageFilmstripTopPanel(state, 2)) {
             const screenshares = state['features/video-layout'].remoteScreenShares;
 
             if (screenshares.find(sId => sId === participantId)) {

react/features/large-video/actions.any.js

@@ -107,18 +107,13 @@ function _electLastVisibleRemoteVideo(tracks) {
  * @returns {(string|undefined)}
  */
 function _electParticipantInLargeVideo(state) {
-    const stageFilmstrip = isStageFilmstripAvailable(state);
-    let participant;
-
-    if (!stageFilmstrip) {
     // If a participant is pinned, they will be shown in the LargeVideo (regardless of whether they are local or
     // remote) when the filmstrip on stage is disabled.
-        participant = getPinnedParticipant(state);
+    let participant = getPinnedParticipant(state);
 
     if (participant) {
         return participant.id;
     }
-    }
 
     // Pick the most recent remote screenshare that was added to the conference.
     const remoteScreenShares = state['features/video-layout'].remoteScreenShares;
@@ -127,15 +122,6 @@ function _electParticipantInLargeVideo(state) {
         return remoteScreenShares[remoteScreenShares.length - 1];
     }
 
-    // Next, pick the pinned participant when filmstrip on stage is enabled.
-    if (stageFilmstrip) {
-        participant = getPinnedParticipant(state);
-
-        if (participant) {
-            return participant.id;
-        }
-    }
-
     // Next, pick the dominant speaker (other than self).
     participant = getDominantSpeakerParticipant(state);
     if (participant && !participant.local) {