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

import Domains from './Domains'

import { DomainsContainerMapStateToProps, DomainContainerMapDispatchToProps, DomainsContainerProps } from './interfaces'

import * as SettingsSelectors from '../../../modules/settings/selectors'
import * as SettingsActions from '../../../modules/settings/actions'
import * as AuthActions from '../../../modules/auth/actions'
import * as ToastMessagesActions from '../../../modules/toastMessages/actions'

const mapStateToProps = (state: any) => ({
  domainMuteList: SettingsSelectors.domainMuteList(state),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      logout: AuthActions.logout,
      addDomainToMuteList: SettingsActions.addDomainToMuteList,
      showToastMessage: ToastMessagesActions.showToastMessage,
    },
    dispatch,
  ),
})

export default connect<DomainsContainerMapStateToProps, DomainContainerMapDispatchToProps, DomainsContainerProps>(
  mapStateToProps,
  mapDispatchToProps,
)(Domains)