react-toolbox-reactrouter-mocha-boilerplate
Version:
### Getting Started 1. Clone this repository 2. Run `npm install && npm start` 3. Visit `0.0.0.0:8080` in your browser
53 lines (41 loc) • 1.08 kB
JSX
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import ToolboxApp from 'react-toolbox/lib/app';
import Button from 'react-toolbox/lib/button';
import Navigation from 'react-toolbox/lib/navigation';
import { browserHistory, Router, Route, Link } from 'react-router';
import Header from './header';
import MainDrawer from './drawer';
import MainNavigation from './navigation';
import style from './style';
class DashBoard extends Component {
render() {
return(
<div> <h3> Dashboard content </h3></div>
);
}
}
class MainContainer extends Component {
constructor(props, context) {
super(props, context);
context.router;
}
render(){
return (
<ToolboxApp>
<Header>
<div> some content here</div>
</Header>
<MainDrawer />
<section className={style.content}>
{this.props.children || <DashBoard />}
</section>
<Button label='Button' />
</ToolboxApp>
);
}
}
MainContainer.contextTypes = {
router: React.PropTypes.object.isRequired
};
export default MainContainer;