bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/nav-bar/talking-indicator/container.jsx

96 lines
2.7 KiB
JavaScript

import React, { useContext } from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import VoiceUsers from '/imports/api/voice-users';
import Auth from '/imports/ui/services/auth';
import { debounce } from 'lodash';
import TalkingIndicator from './component';
import { makeCall } from '/imports/ui/services/api';
import { meetingIsBreakout } from '/imports/ui/components/app/service';
import LayoutContext from '../../layout/context';
const APP_CONFIG = Meteor.settings.public.app;
const { enableTalkingIndicator } = APP_CONFIG;
const TALKING_INDICATOR_MUTE_INTERVAL = 500;
const TALKING_INDICATORS_MAX = 8;
const TalkingIndicatorContainer = (props) => {
if (!enableTalkingIndicator) return null;
const layoutContext = useContext(LayoutContext);
const { layoutContextState, layoutContextDispatch } = layoutContext;
const { input } = layoutContextState;
const { sidebarContent, sidebarNavigation } = input;
const { sidebarNavPanel } = sidebarNavigation;
const { sidebarContentPanel } = sidebarContent;
const sidebarNavigationIsOpen = sidebarNavigation.isOpen;
const sidebarContentIsOpen = sidebarContent.isOpen;
return (
<TalkingIndicator
{...{
sidebarNavPanel,
sidebarNavigationIsOpen,
sidebarContentPanel,
sidebarContentIsOpen,
layoutContextDispatch,
...props,
}}
/>
);
};
export default withTracker(() => {
const talkers = {};
const meetingId = Auth.meetingID;
const usersTalking = VoiceUsers.find({ meetingId, joined: true, spoke: true }, {
fields: {
callerName: 1,
talking: 1,
color: 1,
startTime: 1,
voiceUserId: 1,
muted: 1,
intId: 1,
},
sort: {
startTime: 1,
},
limit: TALKING_INDICATORS_MAX + 1,
}).fetch();
if (usersTalking) {
const maxNumberVoiceUsersNotification = usersTalking.length < TALKING_INDICATORS_MAX
? usersTalking.length
: TALKING_INDICATORS_MAX;
for (let i = 0; i < maxNumberVoiceUsersNotification; i += 1) {
const {
callerName, talking, color, voiceUserId, muted, intId,
} = usersTalking[i];
talkers[`${intId}`] = {
color,
talking,
voiceUserId,
muted,
callerName,
};
}
}
const muteUser = debounce((id) => {
const user = VoiceUsers.findOne({ meetingId, voiceUserId: id }, {
fields: {
muted: 1,
},
});
if (user.muted) return;
makeCall('toggleVoice', id);
}, TALKING_INDICATOR_MUTE_INTERVAL, { leading: true, trailing: false });
return {
talkers,
muteUser,
isBreakoutRoom: meetingIsBreakout(),
moreThanMaxIndicators: usersTalking.length > TALKING_INDICATORS_MAX,
};
})(TalkingIndicatorContainer);