yapi/client/Application.js

64 lines
1.8 KiB
JavaScript
Raw Normal View History

2017-07-10 19:50:11 +08:00
import React, { Component } from 'react'
import { connect } from 'react-redux'
import PropTypes from 'prop-types'
import { Route, HashRouter } from 'react-router-dom'
import { Home, ProjectGroups, Interface, News, AddInterface } from './containers/index'
2017-07-19 16:24:37 +08:00
import User from './containers/User/User.js'
import Header from './components/Header/Header'
import Loading from './components/Loading/Loading'
import { checkLoginState } from './actions/login'
import { requireAuthentication } from './components/AuthenticatedComponent';
2017-07-19 16:24:37 +08:00
const LOADING_STATUS = 0;
@connect(
state => {
return{
loginState:state.login.loginState
}
},
{
checkLoginState
}
)
export default class App extends Component {
2017-07-19 16:24:37 +08:00
constructor(props) {
super(props);
2017-07-19 16:24:37 +08:00
this.state = {
login: LOADING_STATUS
}
}
static propTypes = {
checkLoginState:PropTypes.func,
loginState:PropTypes.number
}
componentDidMount() {
this.props.checkLoginState();
}
2017-07-19 16:24:37 +08:00
route = (status) => {
let r;
if (status === LOADING_STATUS) {
return <Loading visible/>
2017-07-19 16:24:37 +08:00
} else {
r = (
<HashRouter>
<div className="router-main">
<Header />
<Route path="/" component={Home} exact />
2017-07-25 13:17:54 +08:00
<Route path="/group/:groupName" component={requireAuthentication(ProjectGroups)} />
<Route path="/Interface" component={requireAuthentication(Interface)} />
<Route path="/user" component={requireAuthentication(User)} />
<Route path="/News" component={requireAuthentication(News)} />
<Route path="/AddInterface" component={ requireAuthentication(AddInterface) } />
2017-07-19 16:24:37 +08:00
</div>
</HashRouter>
)
}
return r
}
2017-07-10 19:50:11 +08:00
render() {
return this.route(this.props.loginState);
2017-07-10 19:50:11 +08:00
}
}