import { connect } from 'react-redux';

import { fetchEvent } from '../actions/events.js';
import { getEventById } from '../selectors/events.js';

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

const matchStateToProps = (state) => {
  const eventId = state.get('activeEvent');
  const event = getEventById(state, eventId);

  return {
    description: event.get('description'),
    endTime: event.get('endTime'),
    id: event.get('id'),
    images: event.get('images'),
    isTicketed: event.get('isTicketed'),
    posts: event.get('posts'),
    requireLoginToSeeAuction: event.get('requireLoginToSeeAuction'),
    showFrom: event.get('showFrom'),
    showUntil: event.get('showUntil'),
    startTime: event.get('startTime'),
    tagline: event.get('tagline'),
    ticketClasses: event.get('ticketClasses'),
    title: event.get('title'),
    url: event.get('url'),
  };
};

const mapDispatchToProps = (dispatch) => ({
  fetchEvent: () => dispatch(fetchEvent(dispatch)),
});

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