hellowin/kanca

// @flow
import React from 'react';
import { connect } from 'react-redux';
import loc from 'infra/service/location';
import GroupRoute from './Route';
import Alert, { AlertLevels } from 'infra/component/Alert';

export const Route = GroupRoute;

const mapStateToProps = state => ({
  user: state.user,
  posts: state.group.feeds,
  error: state.group.error,
});

const checkValidity = props => {
  const { user, posts } = props;
  const loggedIn = user.loggedIn;

  if (!loggedIn && posts.length < 1) loc.push('/welcome');
};

class Group extends React.Component {

  componentDidMount() {
    checkValidity(this.props);
  }

  componentWillReceiveProps(nextProps) {
    checkValidity(nextProps);
  }

  render(){
    const { children, error } = this.props;

    return (
      <div>
        {error ? <Alert level={AlertLevels.DANGER}><b>Error</b>: {error.message || error}</Alert> : <null />}
        {children}
      </div>
    );
  }

}

export default connect(mapStateToProps)(Group);