fix: Stage filmstrip (#11495)

react/features/filmstrip/reducer.js

@@ -59,7 +59,7 @@ const DEFAULT_STATE = {
      * @public
      * @type {Number}
      */
-    maxStageParticipants: 4,
+    maxStageParticipants: 1,
 
     /**
      * The custom audio volume levels per participant.

react/features/settings/components/web/MoreTab.js

@@ -531,7 +531,11 @@ class MoreTab extends AbstractDialogTab<Props, State> {
      * @returns {ReactElement}
      */
     _renderMaxStageParticipantsSelect() {
-        const { maxStageParticipants, t } = this.props;
+        const { maxStageParticipants, t, stageFilmstripEnabled } = this.props;
+
+        if (!stageFilmstripEnabled) {
+            return null;
+        }
         const maxParticipantsItems = Array(MAX_ACTIVE_PARTICIPANTS).fill(0)
             .map((no, index) => (
                 <DropdownItem

react/features/settings/functions.js

@@ -12,6 +12,7 @@ import { toState } from '../base/redux';
 import { getHideSelfView } from '../base/settings';
 import { parseStandardURIString } from '../base/util';
 import { getBreakoutRoomsConfig, isInBreakoutRoom } from '../breakout-rooms/functions';
+import { isStageFilmstripEnabled } from '../filmstrip/functions';
 import { isFollowMeActive } from '../follow-me';
 import { isReactionsEnabled } from '../reactions/functions.any';
 
@@ -116,6 +117,7 @@ export function getMoreTabProps(stateful: Object | Function) {
     const language = i18next.language || DEFAULT_LANGUAGE;
     const configuredTabs = interfaceConfig.SETTINGS_SECTIONS || [];
     const enabledNotifications = getNotificationsMap(stateful);
+    const stageFilmstripEnabled = isStageFilmstripEnabled(state);
 
     // when self view is controlled by the config we hide the settings
     const { disableSelfView, disableSelfViewSettings } = state['features/base/config'];
@@ -132,7 +134,8 @@ export function getMoreTabProps(stateful: Object | Function) {
         showNotificationsSettings: Object.keys(enabledNotifications).length > 0,
         showPrejoinPage: !state['features/base/settings'].userSelectedSkipPrejoin,
         showPrejoinSettings: state['features/base/config'].prejoinConfig?.enabled,
-        maxStageParticipants: state['features/filmstrip'].maxStageParticipants
+        maxStageParticipants: state['features/filmstrip'].maxStageParticipants,
+        stageFilmstripEnabled
     };
 }