import {compose} from 'react-apollo';
import {bindActionCreators} from 'redux';
import FeaturedDialog from '../components/FeaturedDialog';
import {withTags, connect} from 'plugin-api/beta/client/hocs';
import {closeFeaturedDialog} from '../actions';

const mapStateToProps = ({talkPluginFeaturedComments: state}) => ({
  showFeaturedDialog: state.showFeaturedDialog,
  comment: state.comment,
  asset: state.asset,
});

const mapDispatchToProps = (dispatch) =>
  bindActionCreators({
    closeFeaturedDialog,
  }, dispatch);

const enhance = compose(
  connect(mapStateToProps, mapDispatchToProps),
  withTags('featured'),
);

export default enhance(FeaturedDialog);