import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import * as AvatarSelectors from '../../../../modules/avatar/selectors'
import { removeDomainFromMuteList } from '../../../../modules/settings/actions'
import { DomainRowContainerProps, DomainRowMapStateToProps, DomainRowMapDispatchToProps } from './interfaces'

import DomainRow from './DomainRow'

const makeMapStateToProps = () => {
  const AvatarUrlSelector = AvatarSelectors.makeAvatarUrl()
  return (state: any, props: DomainRowContainerProps) => {
    return {
      companyLogo: AvatarUrlSelector(state, { email: props.domain }),
    }
  }
}

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

export default connect<DomainRowMapStateToProps, DomainRowMapDispatchToProps, DomainRowContainerProps>(makeMapStateToProps, mapDispatchToProps)(DomainRow)