import { connect } from 'react-redux';
import { openDropdownMenu, closeDropdownMenu } from 'flavours/twitter/actions/dropdown_menu';
import { fetchHistory } from 'flavours/twitter/actions/history';
import DropdownMenu from 'flavours/twitter/components/dropdown_menu';

const mapStateToProps = (state, { statusId }) => ({
  dropdownPlacement: state.getIn(['dropdown_menu', 'placement']),
  openDropdownId: state.getIn(['dropdown_menu', 'openId']),
  openedViaKeyboard: state.getIn(['dropdown_menu', 'keyboard']),
  items: state.getIn(['history', statusId, 'items']),
  loading: state.getIn(['history', statusId, 'loading']),
});

const mapDispatchToProps = (dispatch, { statusId }) => ({

  onOpen (id, onItemClick, dropdownPlacement, keyboard) {
    dispatch(fetchHistory(statusId));
    dispatch(openDropdownMenu(id, dropdownPlacement, keyboard));
  },

  onClose (id) {
    dispatch(closeDropdownMenu(id));
  },

});

export default connect(mapStateToProps, mapDispatchToProps)(DropdownMenu);