import React from 'react'
import lbryuri from 'lbryuri';
import {
  connect,
} from 'react-redux'
import {
  makeSelectIsResolvingForUri
} from 'selectors/content'
import {
  makeSelectClaimForUri,
} from 'selectors/claims'
import UriIndicator from './view'

const makeSelect = () => {
  const selectClaim = makeSelectClaimForUri(),
    selectIsResolving = makeSelectIsResolvingForUri();

  const select = (state, props) => ({
    claim: selectClaim(state, props),
    isResolvingUri: selectIsResolving(state, props),
    uri: lbryuri.normalize(props.uri),
  })

  return select
}

const perform = (dispatch) => ({
  resolveUri: (uri) => dispatch(doResolveUri(uri))
})

export default connect(makeSelect, perform)(UriIndicator)