import { connect } from 'react-redux';

import { setActiveEvent } from '../actions/activeEvent.js';
import { fetchEvents } from '../actions/events.js';
import { getEventsAsList } from '../selectors/events.js';

import Events from './Events.js';

const matchStateToProps = (state) => ({
    events: getEventsAsList(state),
});

const mapDispatchToProps = (dispatch) => ({
    fetchEvents: () => dispatch(fetchEvents()),
    setActiveEvent: (eventId) => dispatch(setActiveEvent(eventId)),
});

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