bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/screenshare/container.jsx
2021-09-27 21:03:20 +00:00

49 lines
1.4 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, } from '/imports/ui/components/media/service';
import {
isVideoBroadcasting,
isGloballyBroadcasting,
} from './service';
import ScreenshareComponent from './component';
import LayoutContext from '../layout/context';
const ScreenshareContainer = (props) => {
const fullscreenElementId = 'Screenshare';
const layoutContext = useContext(LayoutContext);
const { layoutContextState, layoutContextDispatch } = layoutContext;
const { output, fullscreen } = layoutContextState;
const { screenShare } = output;
const { element } = fullscreen;
const fullscreenContext = (element === fullscreenElementId);
if (isVideoBroadcasting()) {
return (
<ScreenshareComponent
{
...{
layoutContextDispatch,
...props,
...screenShare,
fullscreenContext,
fullscreenElementId,
}
}
/>
);
}
return null;
};
export default withTracker(() => {
const user = Users.findOne({ userId: Auth.userID }, { fields: { presenter: 1 } });
return {
isGloballyBroadcasting: isGloballyBroadcasting(),
isPresenter: user.presenter,
getSwapLayout,
toggleSwapLayout: MediaService.toggleSwapLayout,
};
})(ScreenshareContainer);