import React from 'react'
import {
  connect,
} from 'react-redux'
import {
  doFetchCostInfoForUri,
} from 'actions/cost_info'
import {
  makeSelectCostInfoForUri,
  makeSelectFetchingCostInfoForUri,
} from 'selectors/cost_info'
import FilePrice from './view'

const makeSelect = () => {
  const selectCostInfoForUri = makeSelectCostInfoForUri()
  const selectFetchingCostInfoForUri = makeSelectFetchingCostInfoForUri()

  const select = (state, props) => ({
    costInfo: selectCostInfoForUri(state, props),
    fetching: selectFetchingCostInfoForUri(state, props),
  })

  return select
}

const perform = (dispatch) => ({
  fetchCostInfo: (uri) => dispatch(doFetchCostInfoForUri(uri)),
  // cancelFetchCostInfo: (uri) => dispatch(doCancelFetchCostInfoForUri(uri))
})

export default connect(makeSelect, perform)(FilePrice)