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

import ActivityFeed from './ActivityFeed'
import * as PopupSelectors from '../../modules/popup/selectors'
import * as ActivityGroupSelectors from '../../modules/activityGroups/selectors'
import * as ConversationsSelectors from '../../modules/conversations/selectors'
import * as SettingsSelectors from '../../modules/settings/selectors'
import * as ConversationsActions from '../../modules/conversations/actions'

import { IActivityFeedContainerMapStateToProps, IActivityFeedContainerMapDispatchToProps, IActivityFeedContainerProps } from './interfaces'

const mapStateToProps = (state: any) => ({
  activitiesLoading: ActivityGroupSelectors.isLoading(state),
  activitiesLoaded: ActivityGroupSelectors.isLoaded(state),
  activityGroups: ActivityGroupSelectors.activityGroupsWithContext(state),
  searchQuery: PopupSelectors.searchQuery(state),
  searchFocused: PopupSelectors.searchFocused(state),
  numberOfConversations: ConversationsSelectors.openAndPendingConversations(state).length,
  hasUnfollowEntries: SettingsSelectors.hasUnfollowEntries(state)
  
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      toggleConversationIcon: ConversationsActions.toggleConversationIcon,
    },
    dispatch,
  ),
})

export default connect<IActivityFeedContainerMapStateToProps, IActivityFeedContainerMapDispatchToProps, IActivityFeedContainerProps>(mapStateToProps, mapDispatchToProps)(ActivityFeed)