98 lines
3.1 KiB
JavaScript
98 lines
3.1 KiB
JavaScript
// @flow
|
|
|
|
import { getParticipantCount } from '../base/participants';
|
|
|
|
import { setRemoteParticipants } from './actions';
|
|
|
|
/**
|
|
* Computes the reorderd list of the remote participants.
|
|
*
|
|
* @param {*} store - The redux store.
|
|
* @param {string} participantId - The endpoint id of the participant that joined the call.
|
|
* @returns {void}
|
|
* @private
|
|
*/
|
|
export function updateRemoteParticipants(store: Object, participantId: ?number) {
|
|
const state = store.getState();
|
|
const { testing = {} } = state['features/base/config'];
|
|
const enableThumbnailReordering = testing.enableThumbnailReordering ?? true;
|
|
let reorderedParticipants = [];
|
|
|
|
if (!enableThumbnailReordering) {
|
|
if (participantId) {
|
|
const { remoteParticipants } = state['features/filmstrip'];
|
|
|
|
reorderedParticipants = [ ...remoteParticipants, participantId ];
|
|
store.dispatch(setRemoteParticipants(reorderedParticipants));
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
const {
|
|
fakeParticipants,
|
|
sortedRemoteParticipants,
|
|
sortedRemoteScreenshares,
|
|
speakersList
|
|
} = state['features/base/participants'];
|
|
const remoteParticipants = new Map(sortedRemoteParticipants);
|
|
const screenShares = new Map(sortedRemoteScreenshares);
|
|
const sharedVideos = fakeParticipants ? Array.from(fakeParticipants.keys()) : [];
|
|
const speakers = new Map(speakersList);
|
|
|
|
for (const screenshare of screenShares.keys()) {
|
|
remoteParticipants.delete(screenshare);
|
|
speakers.delete(screenshare);
|
|
}
|
|
for (const sharedVideo of sharedVideos) {
|
|
remoteParticipants.delete(sharedVideo);
|
|
speakers.delete(sharedVideo);
|
|
}
|
|
for (const speaker of speakers.keys()) {
|
|
remoteParticipants.delete(speaker);
|
|
}
|
|
|
|
// Always update the order of the thumnails.
|
|
reorderedParticipants = [
|
|
...Array.from(screenShares.keys()),
|
|
...sharedVideos,
|
|
...Array.from(speakers.keys()),
|
|
...Array.from(remoteParticipants.keys())
|
|
];
|
|
|
|
store.dispatch(setRemoteParticipants(reorderedParticipants));
|
|
}
|
|
|
|
/**
|
|
* Private helper to calculate the reordered list of remote participants when a participant leaves.
|
|
*
|
|
* @param {*} store - The redux store.
|
|
* @param {string} participantId - The endpoint id of the participant leaving the call.
|
|
* @returns {void}
|
|
* @private
|
|
*/
|
|
export function updateRemoteParticipantsOnLeave(store: Object, participantId: ?string = null) {
|
|
if (!participantId) {
|
|
return;
|
|
}
|
|
const state = store.getState();
|
|
const { remoteParticipants } = state['features/filmstrip'];
|
|
const reorderedParticipants = new Set(remoteParticipants);
|
|
|
|
reorderedParticipants.delete(participantId)
|
|
&& store.dispatch(setRemoteParticipants(Array.from(reorderedParticipants)));
|
|
}
|
|
|
|
/**
|
|
* Gets the disable self view flag.
|
|
*
|
|
* @param {Object} state - Redux state.
|
|
* @returns {boolean}
|
|
*/
|
|
export function getDisableSelfView(state: Object) {
|
|
const { disableSelfView } = state['features/base/settings'];
|
|
const participantsCount = getParticipantCount(state);
|
|
|
|
return participantsCount === 1 ? false : disableSelfView;
|
|
}
|