import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'

import * as ComposeViewsActions from '../../../modules/composeViews/actions'
import * as ComposeViewsSelector from '../../../modules/composeViews/selectors'

import { ITrackingStatusContainerMapStateToProps, ITrackingStatusContainerMapDispatchToProps, ITrackingStatusContainerProps } from './interfaces'

import TrackingStatus from './component'

const mapStateToProps = (state: any, props: any) => ({
  trackingStatus: ComposeViewsSelector.statusForComposeView(state, { composeViewUUID: props.composeViewUUID }),
  recipientLength: ComposeViewsSelector.recipientLengthForComposeView(state, { composeViewUUID: props.composeViewUUID }),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators({
    trackClick: ComposeViewsActions.driftSendStatus,
  }, dispatch),
})

export default connect<ITrackingStatusContainerMapStateToProps, ITrackingStatusContainerMapDispatchToProps, ITrackingStatusContainerProps>(mapStateToProps, mapDispatchToProps)(TrackingStatus)