fork from bc4552c5a8

client/components/AuthenticatedComponent.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { changeMenuItem } from '../reducer/modules/menu';
+
+export function requireAuthentication(Component) {
+  return @connect(
+    state => {
+      return {
+        isAuthenticated: state.user.isLogin
+      };
+    },
+    {
+      changeMenuItem
+    }
+  )
+  class AuthenticatedComponent extends React.PureComponent {
+    constructor(props) {
+      super(props);
+    }
+    static propTypes = {
+      isAuthenticated: PropTypes.bool,
+      location: PropTypes.object,
+      dispatch: PropTypes.func,
+      history: PropTypes.object,
+      changeMenuItem: PropTypes.func
+    };
+    UNSAFE_componentWillMount() {
+      this.checkAuth();
+    }
+    UNSAFE_componentWillReceiveProps() {
+      this.checkAuth();
+    }
+    checkAuth() {
+      if (!this.props.isAuthenticated) {
+        this.props.history.push('/');
+        this.props.changeMenuItem('/');
+      }
+    }
+    render() {
+      return <div>{this.props.isAuthenticated ? <Component {...this.props} /> : null}</div>;
+    }
+  };
+}