70 lines
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
import React from 'react';
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
|
import Meetings from '/imports/api/meetings';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import { useMutation } from '@apollo/client';
|
|
import ManyUsersComponent from './component';
|
|
import useCurrentUser from '/imports/ui/core/hooks/useCurrentUser';
|
|
import { SET_WEBCAM_ONLY_FOR_MODERATOR } from '/imports/ui/components/lock-viewers/mutations';
|
|
import { useViewersInWebcamCount } from '../hooks';
|
|
import { LockSettings } from '/imports/ui/Types/meeting';
|
|
|
|
interface ManyUsersContainerProps {
|
|
lockSettings: LockSettings,
|
|
webcamOnlyForModerator: boolean,
|
|
limitOfViewersInWebcam: number,
|
|
limitOfViewersInWebcamIsEnable: boolean,
|
|
}
|
|
|
|
const ManyUsersContainer: React.FC<ManyUsersContainerProps> = (props) => {
|
|
const { data: currentUserData } = useCurrentUser((user) => ({
|
|
isModerator: user.isModerator,
|
|
}));
|
|
|
|
const [setWebcamOnlyForModerator] = useMutation(SET_WEBCAM_ONLY_FOR_MODERATOR);
|
|
|
|
const toggleWebcamsOnlyForModerator = () => {
|
|
setWebcamOnlyForModerator({
|
|
variables: {
|
|
webcamsOnlyForModerator: true,
|
|
},
|
|
});
|
|
};
|
|
|
|
const viewersInWebcam = useViewersInWebcamCount();
|
|
|
|
const currentUserIsModerator = !!currentUserData?.isModerator;
|
|
|
|
const {
|
|
limitOfViewersInWebcam,
|
|
limitOfViewersInWebcamIsEnable,
|
|
lockSettings,
|
|
webcamOnlyForModerator,
|
|
} = props;
|
|
|
|
return (
|
|
<ManyUsersComponent
|
|
toggleWebcamsOnlyForModerator={toggleWebcamsOnlyForModerator}
|
|
currentUserIsModerator={currentUserIsModerator}
|
|
viewersInWebcam={viewersInWebcam}
|
|
limitOfViewersInWebcam={limitOfViewersInWebcam}
|
|
limitOfViewersInWebcamIsEnable={limitOfViewersInWebcamIsEnable}
|
|
lockSettings={lockSettings}
|
|
webcamOnlyForModerator={webcamOnlyForModerator}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default withTracker(() => {
|
|
const meeting = Meetings.findOne({
|
|
meetingId: Auth.meetingID,
|
|
}, { fields: { 'usersPolicies.webcamsOnlyForModerator': 1, lockSettings: 1 } });
|
|
return {
|
|
lockSettings: meeting.lockSettings,
|
|
webcamOnlyForModerator: meeting.usersPolicies.webcamsOnlyForModerator,
|
|
limitOfViewersInWebcam: window.meetingClientSettings.public.app.viewersInWebcam,
|
|
limitOfViewersInWebcamIsEnable: window.meetingClientSettings
|
|
.public.app.enableLimitOfViewersInWebcam,
|
|
};
|
|
})(ManyUsersContainer);
|