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

import component from './component'
import { emailOnMuteList, domainOnMuteList } from '../../../../modules/settings/selectors'
import { addEmailToMuteList } from '../../../../modules/settings/actions'

import { OwnProps, DispatchProps, StateProps } from './interfaces'

const mapStateToProps = (state: any, props: OwnProps) => ({
  isMuted: emailOnMuteList(state, props.email) || domainOnMuteList(state, props.email.split('@').pop()),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      addEmailToMuteList,
    },
    dispatch,
  ),
})

export default connect<StateProps, DispatchProps, OwnProps>(mapStateToProps, mapDispatchToProps)(component)