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);