import { connect } from 'react-redux'
import { openAndPendingConversations, numberOfUnreadMessagesByConversationId } from '../../modules/conversations/selectors'
import { IUnreadConversationPanelsContainerMapStateToProp } from './interfaces'
import UnreadConversationPanels from './UnreadConversationPanels'
import { endUsersLoading } from '../../modules/endUsers/selectors'

const mapStateToProps = (state: any) => {
  return {
    conversations: openAndPendingConversations(state),
    numberOfUnreadMessagesByConversationId: numberOfUnreadMessagesByConversationId(state),
    endUsersLoading: endUsersLoading(state),
  }
}

export default connect<IUnreadConversationPanelsContainerMapStateToProp, null, null>(mapStateToProps)(UnreadConversationPanels)