JoinCommunity.js

import _ from 'lodash';
import actions from 'actions/tc-communities';
import JoinCommunity, {
  STATE as JOIN_COMMUNITY,
} from 'components/tc-communities/JoinCommunity';
import { connect } from 'react-redux';

function mapStateToProps(state) {
  /* We show Join Community button when a visitor is not authenticated, or when
   * he is authenticated and not a member of the community group. */
  let canJoin = (state.auth.profile && state.auth.profile.groups) || [];
  canJoin = !canJoin.find(item =>
    item.id === state.tcCommunities.meta.challengeGroupId);
  if (state.tcCommunities.hideJoinButton) canJoin = false;

  if (canJoin) canJoin = state.tcCommunities.joinCommunityButton;
  else canJoin = JOIN_COMMUNITY.HIDDEN;

  return {
    communityName: state.tcCommunities.meta.communityName,
    groupId: state.tcCommunities.meta.challengeGroupId,
    token: state.auth.tokenV3,
    state: canJoin,
    userId: _.get(state.auth.user, 'userId'),
  };
}

function mapDispatchToProps(dispatch) {
  const a = actions.tcCommunity;
  return {
    hideJoinButton: () => dispatch(a.hideJoinButton()),
    join: (...args) => {
      dispatch(a.joinInit());
      dispatch(a.joinDone(...args));
    },
    resetJoinButton: () => dispatch(a.resetJoinButton()),
    showJoinConfirmModal: () => dispatch(a.showJoinConfirmModal()),
  };
}

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(JoinCommunity);