bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/container.jsx
Zh4rsiest 1b7a672a1b Updating variables in container
They both return an array with ["Iphone"] if you're from an iphone but the component expects bool variables.
2020-10-23 12:37:18 -03:00

27 lines
991 B
JavaScript
Executable File

import React from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import browser from 'browser-detect';
import SettingsDropdown from './component';
import FullscreenService from '../../fullscreen-button/service';
import { meetingIsBreakout } from '/imports/ui/components/app/service';
const BROWSER_RESULTS = browser();
const isSafari = BROWSER_RESULTS.name === 'safari';
const isIphone = (navigator.userAgent.match(/iPhone/i)) ? true : false;
const noIOSFullscreen = ((isSafari && BROWSER_RESULTS.versionNumber < 12) || isIphone) ? true : false;
const SettingsDropdownContainer = props => (
<SettingsDropdown {...props} />
);
export default withTracker((props) => {
const handleToggleFullscreen = () => FullscreenService.toggleFullScreen();
return {
amIModerator: props.amIModerator,
handleToggleFullscreen,
noIOSFullscreen,
isMeteorConnected: Meteor.status().connected,
isBreakoutRoom: meetingIsBreakout(),
};
})(SettingsDropdownContainer);