mediamonkeyserver/webui/src/MainDrawer.js

MediaMonkey Server

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Drawer from '@material-ui/core/Drawer';
import PubSub from 'pubsub-js';
import NavigationList from './NavigationList';

const styles = {
};

class MainDrawer extends React.Component {
	state = {
		drawerOpen: false
	};

	handleDrawerToggle = () => {
		this.setState({ drawerOpen: !this.state.drawerOpen });
	};

	componentDidMount = () => {
		PubSub.subscribe('TOGGLE_MAIN_DRAWER', this.handleDrawerToggle.bind(this));
	}

	handleNavItemClicked = () => {
		this.setState({ drawerOpen: false });
	}

	render() {
		return (
			<Drawer
				open={this.state.drawerOpen}
				onClose={this.handleDrawerToggle}
				type='temporary'>
				<NavigationList onItemClicked={this.handleNavItemClicked} />
			</Drawer>
		);
	}
}

MainDrawer.propTypes = {
	classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(MainDrawer);