51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
|
import React, { Component, PropTypes } from "react";
|
||
|
|
import { connect } from "react-redux";
|
||
|
|
|
||
|
|
export class RequireAuthentication extends Component {
|
||
|
|
componentWillMount () {
|
||
|
|
this.checkAuth(this.props.isAuthenticated);
|
||
|
|
}
|
||
|
|
|
||
|
|
componentWillUpdate () {
|
||
|
|
this.checkAuth(this.props.isAuthenticated);
|
||
|
|
}
|
||
|
|
|
||
|
|
checkAuth (isAuthenticated) {
|
||
|
|
if (!isAuthenticated) {
|
||
|
|
this.context.router.replace({
|
||
|
|
pathname: "/login",
|
||
|
|
state: {
|
||
|
|
nextPathname: this.props.location.pathname,
|
||
|
|
nextQuery: this.props.location.query
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
render () {
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
{this.props.isAuthenticated === true
|
||
|
|
? this.props.children
|
||
|
|
: null
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
RequireAuthentication.propTypes = {
|
||
|
|
// Injected by React Router
|
||
|
|
children: PropTypes.node
|
||
|
|
};
|
||
|
|
|
||
|
|
RequireAuthentication.contextTypes = {
|
||
|
|
router: PropTypes.object.isRequired
|
||
|
|
};
|
||
|
|
|
||
|
|
const mapStateToProps = (state) => ({
|
||
|
|
isAuthenticated: state.auth.isAuthenticated
|
||
|
|
});
|
||
|
|
|
||
|
|
export default connect(mapStateToProps)(RequireAuthentication);
|