import classNames from 'classnames'; import moment from 'moment'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import CalendarEventQueueDetails from 'Calendar/Events/CalendarEventQueueDetails'; import getStatusStyle from 'Calendar/getStatusStyle'; import Icon from 'Components/Icon'; import Link from 'Components/Link/Link'; import { icons, kinds } from 'Helpers/Props'; import translate from 'Utilities/String/translate'; import styles from './AgendaEvent.css'; class AgendaEvent extends Component { // // Lifecycle constructor(props, context) { super(props, context); this.state = { isDetailsModalOpen: false }; } // // Listeners onPress = () => { this.setState({ isDetailsModalOpen: true }); } onDetailsModalClose = () => { this.setState({ isDetailsModalOpen: false }); } // // Render render() { const { movieFile, title, titleSlug, genres, isAvailable, inCinemas, digitalRelease, physicalRelease, monitored, hasFile, grabbed, queueItem, showDate, showMovieInformation, showCutoffUnmetIcon, longDateFormat, colorImpairedMode, cinemaDateParsed, digitalDateParsed, physicalDateParsed, sortDate } = this.props; let startTime = null; let releaseIcon = null; if (physicalDateParsed === sortDate) { startTime = physicalRelease; releaseIcon = icons.DISC; } if (digitalDateParsed === sortDate) { startTime = digitalRelease; releaseIcon = icons.MOVIE_FILE; } if (cinemaDateParsed === sortDate) { startTime = inCinemas; releaseIcon = icons.IN_CINEMAS; } startTime = moment(startTime); const downloading = !!(queueItem || grabbed); const isMonitored = monitored; const statusStyle = getStatusStyle(hasFile, downloading, isAvailable, isMonitored); const joinedGenres = genres.slice(0, 2).join(', '); const link = `/movie/${titleSlug}`; return (