bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/screenshare/container.jsx
2021-07-06 16:27:28 -03:00

51 lines
1.5 KiB
JavaScript
Executable File

import React, { useContext } from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import Users from '/imports/api/users/';
import Auth from '/imports/ui/services/auth';
import MediaService, { getSwapLayout, shouldEnableSwapLayout } from '/imports/ui/components/media/service';
import {
isVideoBroadcasting,
isGloballyBroadcasting,
} from './service';
import ScreenshareComponent from './component';
import { NLayoutContext } from '../layout/context/context';
const ScreenshareContainer = (props) => {
const fullscreenElementId = 'Screenshare';
const newLayoutContext = useContext(NLayoutContext);
const { newLayoutContextState, newLayoutContextDispatch } = newLayoutContext;
const { output, input, layoutLoaded } = newLayoutContextState;
const { screenShare } = output;
const { element } = input.fullscreen;
const fullscreenContext = (element === fullscreenElementId);
if (isVideoBroadcasting()) {
return (
<ScreenshareComponent
{
...{
newLayoutContextDispatch,
...props,
...screenShare,
layoutLoaded,
fullscreenContext,
fullscreenElementId,
}
}
/>
);
}
return null;
};
export default withTracker(() => {
const user = Users.findOne({ userId: Auth.userID }, { fields: { presenter: 1 } });
return {
isGloballyBroadcasting: isGloballyBroadcasting(),
isPresenter: user.presenter,
getSwapLayout,
shouldEnableSwapLayout,
toggleSwapLayout: MediaService.toggleSwapLayout,
};
})(ScreenshareContainer);