import React from 'react'
import PropTypes from 'prop-types'
import { Switch, Route, Redirect, routerRedux } from 'dva/router'
import dynamic from 'dva/dynamic'
import App from 'routes/app'

const { ConnectedRouter } = routerRedux

const Routers = function ({ history, app }) {
 const error = dynamic({
 app,
 component: () => import('./routes/error'),
 })
 const routes = [
 {
 path: '/dashboard',
 models: () => [import('./models/dashboard')],
 component: () => import('./routes/dashboard/'),
 },{
 path: '/organization',
 models: () => [import('./models/organization')],
 component: () => import('./routes/organization/'),
 },{
 path: '/module',
 models: () => [import('./models/module')],
 component: () => import('./routes/module/'),
 },{
 path: '/user',
 models: () => [import('./models/user')],
 component: () => import('./routes/user/'),
 },{
 path: '/login',
 models: () => [import('./models/login')],
 component: () => import('./routes/login/'),
 }
 ]

 return (
 <ConnectedRouter history={history}>
 <App>
 <Switch>
 <Route exact path="/" render={() => (<Redirect to="/dashboard" />)} />
 {
 routes.map(({ path, ...dynamics }, key) => (
 <Route key={key}
 exact
 path={path}
 component={dynamic({
 app,
 ...dynamics,
 })}
 />
 ))
 }
 <Route component={error} />
 </Switch>
 </App>
 </ConnectedRouter>
 )
}

Routers.propTypes = {
 history: PropTypes.object,
 app: PropTypes.object,
}

export default Routers