import React from 'react'
import {
  connect
} from 'react-redux'
import lbryuri from 'lbryuri.js'
import {
  selectWunderBarAddress,
  selectWunderBarIcon
} from 'selectors/search'
import {
  doNavigate,
} from 'actions/app'
import Wunderbar from './view'

const select = (state) => ({
  address: selectWunderBarAddress(state),
  icon: selectWunderBarIcon(state)
})

const perform = (dispatch) => ({
  onSearch: (query) => dispatch(doNavigate('/search', { query, })),
  onSubmit: (query) => dispatch(doNavigate('/show', { uri: lbryuri.normalize(query) } ))
})

export default connect(select, perform)(Wunderbar)