content: import React from 'react';
  import { Drawer, MenuItem, AppBar, IconButton } from 'material-ui';
  import { Link } from 'react-router';
  import NavigationClose from 'material-ui/svg-icons/navigation/close';
  import constants from '../constants';
  
  class SideBar extends React.Component {
  
    constructor(props){
      super(props);
      this.tap = this.tap.bind(this);
    }
  
    tap(path){
      if(path)
        this.context.router.push(path);
  
      if(this.props.onMenuItemClick)
        this.props.onMenuItemClick();
    }
  
    render() {
      return (
        <Drawer open={this.props.drawerOpen}>
  
          <AppBar
            title={constants.appTitle}
            showMenuIconButton={this.props.showMenuIconButton}
            onTitleTouchTap={()=>this.tap('/home')}
            iconElementLeft={<IconButton><NavigationClose /></IconButton>}
            onLeftIconButtonTouchTap={()=>this.tap()}/>
  
          <MenuItem onTouchTap={()=>this.tap('/home')}>Home</MenuItem>
          <MenuItem onTouchTap={()=>this.tap('/theme')}>Theme</MenuItem>
  
        </Drawer>
      );
    }
  }
  
  
  SideBar.contextTypes = {
    router: React.PropTypes.object.isRequired
  }
  
  export default SideBar;
  