2018-10-30 09:35:47 -07:00
|
|
|
import React from 'react';
|
|
|
|
import { view } from 'react-easy-state';
|
|
|
|
import { hot } from 'react-hot-loader';
|
|
|
|
import { Switch, Route, RouteComponentProps, withRouter } from 'react-router';
|
|
|
|
|
|
|
|
import Template from 'components/Template';
|
|
|
|
import store from './store';
|
|
|
|
import Login from 'components/Login';
|
|
|
|
import Home from 'components/Home';
|
|
|
|
import Users from 'components/Users';
|
2019-01-09 11:08:25 -08:00
|
|
|
import Emails from 'components/Emails';
|
2018-10-30 09:35:47 -07:00
|
|
|
import Proposals from 'components/Proposals';
|
2019-01-09 10:23:08 -08:00
|
|
|
import ProposalDetail from 'components/ProposalDetail';
|
2018-10-30 09:35:47 -07:00
|
|
|
|
|
|
|
import 'styles/style.less';
|
|
|
|
|
|
|
|
type Props = RouteComponentProps<any>;
|
|
|
|
|
|
|
|
class Routes extends React.Component<Props> {
|
|
|
|
render() {
|
|
|
|
const { hasCheckedLogin, isLoggedIn } = store;
|
|
|
|
if (!hasCheckedLogin) {
|
|
|
|
return <div>checking auth status...</div>;
|
|
|
|
}
|
|
|
|
return (
|
|
|
|
<Template>
|
|
|
|
{!isLoggedIn ? (
|
|
|
|
<Login />
|
|
|
|
) : (
|
|
|
|
<Switch>
|
|
|
|
<Route path="/" exact={true} component={Home} />
|
|
|
|
<Route path="/users/:id?" exact={true} component={Users} />
|
2019-01-09 10:23:08 -08:00
|
|
|
<Route path="/proposals/:id" component={ProposalDetail} />
|
|
|
|
<Route path="/proposals" component={Proposals} />
|
2019-01-09 11:08:25 -08:00
|
|
|
<Route path="/emails/:type?" component={Emails} />
|
2018-10-30 09:35:47 -07:00
|
|
|
</Switch>
|
|
|
|
)}
|
|
|
|
</Template>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const ConnectedRoutes = withRouter(view(Routes));
|
|
|
|
export default hot(module)(ConnectedRoutes);
|