import { connect } from 'react-redux'

import { Props } from './ActivityGroupInterface'
import * as AvatarSelectors from '../../../modules/avatar/selectors'
import * as EnrichmentSelectors from '../../../modules/enrichment/selectors'

import ActivityGroup from './ActivityGroup'


const makeMapStateToProps = () => {
  const avatarUrl = AvatarSelectors.makeAvatarUrl()
  const avatarStatus = AvatarSelectors.makeAvatarStatus()
  const profile = EnrichmentSelectors.makeProfile()
  return (state: any, props: Props) => ({
    profile: profile(state, { email: props.activityGroup.email }),
    avatarUrl: avatarUrl(state, { email: props.activityGroup.email }),
    avatarStatus: avatarStatus(state, { email: props.activityGroup.email }),
  })
}

export default connect(makeMapStateToProps)(ActivityGroup)