src/js/routes.js
import React from 'react';
import { Route, Redirect, IndexRoute } from 'react-router';
//import App from './containers/App';
import * as containers from './containers';
import AddPopin from './components/AddPopin';
import CreatePopin from './components/CreatePopin';
const {
App,
LoginPage,
UsersPage,
VisioPage
} = containers;
function requireAuth(nextState, replace) {
if (nextState.location.action === 'POP') {
replace(null, '/');
}
}
export default (
<Route path='/' component={App}>
<IndexRoute component={LoginPage} />
<Route path="users" component={UsersPage} onEnter={requireAuth} >
<Route path="create" component={CreatePopin} />
</Route>
<Route path="visio" component={VisioPage} onEnter={requireAuth} >
<Route path="add" component={AddPopin} />
</Route>
<Redirect from="*" to="/" />
</Route>
);