Change ReactSpa template to something more like a dashboard with sidebar navigation

This commit is contained in:
SteveSandersonMS
2016-02-24 14:41:29 +00:00
parent eac76683cc
commit a6ea8b5101
9 changed files with 122 additions and 159 deletions

View File

@@ -1,25 +1,10 @@
import * as React from 'react';
import { Router, Route, HistoryBase } from 'react-router';
import { NavMenu } from './components/NavMenu';
import { Layout } from './components/Layout';
import { Home } from './components/Home';
import { About } from './components/About';
import { Counter } from './components/Counter';
class Layout extends React.Component<{ body: React.ReactElement<any> }, void> {
public render() {
return <div>
<NavMenu />
<div className="container body-content">
{ this.props.body }
<hr />
<footer>
<p>&copy; 2016 - WebApplicationBasic</p>
</footer>
</div>
</div>;
}
}
export const routes = <Route component={ Layout }>
<Route path="/" components={{ body: Home }} />
<Route path="/about" components={{ body: About }} />