58 lines
1.7 KiB
JavaScript
Executable File
58 lines
1.7 KiB
JavaScript
Executable File
import React, { Component } from 'react';
|
|
import SettingsDropdown from './component';
|
|
import Service from './service';
|
|
|
|
export default class SettingsDropdownContainer extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
isFullScreen: false,
|
|
};
|
|
|
|
this.handleFullscreenChange = this.handleFullscreenChange.bind(this);
|
|
}
|
|
|
|
componentDidMount() {
|
|
const fullscreenChangedEvents = ['fullscreenchange',
|
|
'webkitfullscreenchange',
|
|
'mozfullscreenchange',
|
|
'MSFullscreenChange', ];
|
|
|
|
fullscreenChangedEvents.forEach(event =>
|
|
document.addEventListener(event, this.handleFullscreenChange));
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
const fullscreenChangedEvents = ['fullscreenchange',
|
|
'webkitfullscreenchange',
|
|
'mozfullscreenchange',
|
|
'MSFullscreenChange', ];
|
|
|
|
fullscreenChangedEvents.forEach(event =>
|
|
document.removeEventListener(event, this.fullScreenToggleCallback));
|
|
}
|
|
|
|
handleFullscreenChange() {
|
|
if (screen.height - 1 <= window.innerHeight) {
|
|
// browser is probably in fullscreen
|
|
this.setState({ isFullScreen: true });
|
|
}else {
|
|
this.setState({ isFullScreen: false });
|
|
}
|
|
}
|
|
|
|
render() {
|
|
|
|
const handleToggleFullscreen = Service.toggleFullScreen;
|
|
const isFullScreen = this.state.isFullScreen;
|
|
|
|
return (
|
|
<SettingsDropdown
|
|
handleToggleFullscreen={handleToggleFullscreen}
|
|
isFullScreen={isFullScreen}
|
|
/>
|
|
);
|
|
}
|
|
}
|