import { connect } from 'react-redux';

import { getItems, getStatus } from '../actions/index.js';

import { getAuctionItemsAsList } from '../selectors/items.js';

import Auction from '../screens/Auction.js';

const matchStateToProps = (state) => ({
  items: getAuctionItemsAsList(state),
});

const mapDispatchToProps = (dispatch) => ({
  fetchItems: () => dispatch(getItems(dispatch)),
  fetchStatus: () => dispatch(getStatus(dispatch)),
});

export default connect(matchStateToProps, mapDispatchToProps)(Auction);