import { withRouter } from 'react-router'
import { connect } from 'react-redux'

import {
  fetchDescribeNetwork,

  setCurrentTab,

  updateSelectedPeers,
  clearSelectedPeers,

  updateSelectedChannels,
  clearSelectedChannels,

  setCurrentRoute,

  updatePayReq,
  resetPayReq,

  fetchInvoiceAndQueryRoutes,
  clearQueryRoutes,

  networkSelectors
} from '../../../reducers/network'
import { fetchPeers } from '../../../reducers/peers'
import { fetchChannels, channelsSelectors } from '../../../reducers/channels'

import Network from '../components/Network'

const mapDispatchToProps = {
  fetchDescribeNetwork,
  setCurrentTab,
  
  updateSelectedPeers,
  clearSelectedPeers,

  updatePayReq,
  fetchInvoiceAndQueryRoutes,
  setCurrentRoute,
  clearQueryRoutes,
  resetPayReq,
  
  fetchPeers,

  fetchChannels,
  updateSelectedChannels,
  clearSelectedChannels
}

const mapStateToProps = state => ({
  network: state.network,
  peers: state.peers,
  identity_pubkey: state.info.data.identity_pubkey,

  selectedPeerPubkeys: networkSelectors.selectedPeerPubkeys(state),
  selectedChannelIds: networkSelectors.selectedChannelIds(state),
  payReqIsLn: networkSelectors.payReqIsLn(state),
  currentRouteChanIds: networkSelectors.currentRouteChanIds(state),
  activeChannels: channelsSelectors.activeChannels(state)
})

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Network))