import classNames from 'classnames'; import moment from 'moment'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; 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 CalendarEventQueueDetails from './CalendarEventQueueDetails'; import styles from './CalendarEvent.css'; class CalendarEvent extends Component { // // Render render() { const { movieFile, isAvailable, inCinemas, physicalRelease, digitalRelease, title, titleSlug, genres, monitored, certification, hasFile, grabbed, queueItem, showMovieInformation, showCutoffUnmetIcon, colorImpairedMode, date } = this.props; const isDownloading = !!(queueItem || grabbed); const isMonitored = monitored; const statusStyle = getStatusStyle(hasFile, isDownloading, isAvailable, isMonitored); const joinedGenres = genres.slice(0, 2).join(', '); const link = `/movie/${titleSlug}`; const eventType = []; if (moment(date).isSame(moment(inCinemas), 'day')) { eventType.push('Cinemas'); } if (moment(date).isSame(moment(physicalRelease), 'day')) { eventType.push('Physical'); } if (moment(date).isSame(moment(digitalRelease), 'day')) { eventType.push('Digital'); } return (