import { connect } from 'react-redux';
import { makeSelectClaimIsNsfw, makeSelectClaimForUri } from 'lbry-redux';
import { doRecommendationUpdate, doRecommendationClicked } from 'redux/actions/content';
import { doFetchRecommendedContent } from 'redux/actions/search';
import { makeSelectRecommendedContentForUri, selectIsSearching } from 'redux/selectors/search';
import { selectUserVerifiedEmail } from 'redux/selectors/user';
import { makeSelectNextUnplayedRecommended } from 'redux/selectors/content';
import RecommendedContent from './view';

const select = (state, props) => ({
  mature: makeSelectClaimIsNsfw(props.uri)(state),
  recommendedContent: makeSelectRecommendedContentForUri(props.uri)(state),
  nextRecommendedUri: makeSelectNextUnplayedRecommended(props.uri)(state),
  isSearching: selectIsSearching(state),
  isAuthenticated: selectUserVerifiedEmail(state),
  claim: makeSelectClaimForUri(props.uri)(state),
});

const perform = (dispatch) => ({
  doFetchRecommendedContent: (uri, mature) => dispatch(doFetchRecommendedContent(uri, mature)),
  doRecommendationUpdate: (claimId, urls, id, parentId) =>
    dispatch(doRecommendationUpdate(claimId, urls, id, parentId)),
  doRecommendationClicked: (claimId, index) => dispatch(doRecommendationClicked(claimId, index)),
});

export default connect(select, perform)(RecommendedContent);