import moment from 'moment'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import classNames from 'classnames'; import formatTime from 'Utilities/Date/formatTime'; import { icons } from 'Helpers/Props'; import getStatusStyle from 'Calendar/getStatusStyle'; import Icon from 'Components/Icon'; import Link from 'Components/Link/Link'; import CalendarEventQueueDetails from 'Calendar/Events/CalendarEventQueueDetails'; 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 { id, artist, title, titleSlug, releaseDate, monitored, statistics, grabbed, queueItem, showDate, timeFormat, longDateFormat, colorImpairedMode } = this.props; const startTime = moment(releaseDate); // const endTime = startTime.add(artist.runtime, 'minutes'); const downloading = !!(queueItem || grabbed); const isMonitored = artist.monitored && monitored; const statusStyle = getStatusStyle(id, downloading, startTime, isMonitored, statistics.percentOfTracks); return (