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

import { addEmailToMuteList, addDomainToMuteList } from '../../../../modules/settings/actions'
import { hasUnfollowEntries } from '../../../../modules/settings/selectors'
import * as OnboardingActions from '../../../../modules/onboarding/actions'
import { userHasSeenUnfollow } from '../../../../modules/onboarding/selectors'

import { IUnfollowMenuMapStateToProps, IUnfollowMenuMapDispatchToProps, IUnfollowMenuContainerProps } from './interfaces'

import UnfollowMenu from './UnfollowMenu'

const mapStateToProps = (state: any) => ({
  userHasSeenUnfollow: userHasSeenUnfollow(state),
  hasUnfollowEntries: hasUnfollowEntries(state),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      addEmailToMuteList,
      addDomainToMuteList,
      userHasSeenUnfollow: OnboardingActions.userHasSeenOnboarding,
    },
    dispatch,
  ),
})

export default connect<IUnfollowMenuMapStateToProps, IUnfollowMenuMapDispatchToProps, IUnfollowMenuContainerProps>(mapStateToProps, mapDispatchToProps)(UnfollowMenu)