import React, { Component } from 'react'; import { Layout, Drawer, Header, Navigation, Content, Footer, FooterSection, FooterDropDownSection, FooterLinkList, Grid, Cell, } from 'react-mdl'; import style from './styles.scss'; import ErrorContainer from './error/error-container'; import UserContainer from './user/user-container'; import ShowUserContainer from './user/show-user-container'; export default class App extends Component { constructor (props) { super(props); this.state = { drawerActive: false }; this.toggleDrawerActive = () => { this.setState({ drawerActive: !this.state.drawerActive }); }; } static contextTypes = { router: React.PropTypes.object, } componentDidMount () { document.title = `${this.getCurrentSection()} - Unleash Admin`; } getCurrentSection () { const { routes } = this.props; const lastRoute = routes[routes.length - 1]; return lastRoute ? lastRoute.pageTitle : ''; } onOverlayClick = () => this.setState({ drawerActive: false }); render () { const createListItem = (path, caption) => {caption} ; return (