36 lines
1.3 KiB
JavaScript
36 lines
1.3 KiB
JavaScript
import React, {Component} from "react";
|
|
import {Redirect, Route, Switch} from "react-router-dom";
|
|
|
|
import NavItem from "./NavItem";
|
|
|
|
import RichGridDeclarativeExample from "./richGridDeclarativeExample/RichGridDeclarativeExample";
|
|
import SimpleReduxDynamicExample from "./simpleReduxDynamicComponentExample/SimpleReduxExample";
|
|
|
|
const SideBar = () => (
|
|
<div style={{float: "left", width: 335, marginRight: 25}}>
|
|
<ul className="nav nav-pills nav-stacked">
|
|
<NavItem to='/rich-grid-declarative'>Rich Grid with Declarative Markup</NavItem>
|
|
<NavItem to='/simple-redux-dynamic'>Simple Redux Dynamic Component Example</NavItem>
|
|
</ul>
|
|
</div>
|
|
);
|
|
|
|
class App extends Component {
|
|
render() {
|
|
return (
|
|
<div style={{display: "inline-block", width: "100%"}}>
|
|
<SideBar/>
|
|
<div style={{float: "left"}}>
|
|
<Switch>
|
|
<Redirect from="/" exact to="/rich-grid-declarative"/>
|
|
<Route exact path='/rich-grid-declarative' component={RichGridDeclarativeExample}/>
|
|
<Route exact path='/simple-redux-dynamic' component={SimpleReduxDynamicExample}/>
|
|
</Switch>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default App
|