93 lines
2.6 KiB
JavaScript
93 lines
2.6 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 Service from './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 = 16;
|
|
|
|
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,
|
|
},
|
|
}).fetch().sort(Service.sortVoiceUsers);
|
|
|
|
if (usersTalking) {
|
|
const max = usersTalking.length < TALKING_INDICATORS_MAX
|
|
? usersTalking.length
|
|
: TALKING_INDICATORS_MAX;
|
|
|
|
for (let i = 0; i < max; 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);
|