import PropTypes from 'prop-types'; import React from 'react'; import QueueDetails from 'Activity/Queue/QueueDetails'; import Icon from 'Components/Icon'; import ProgressBar from 'Components/ProgressBar'; import { icons, kinds, sizes } from 'Helpers/Props'; import isBefore from 'Utilities/Date/isBefore'; import translate from 'Utilities/String/translate'; import TrackQuality from './TrackQuality'; import styles from './EpisodeStatus.css'; function EpisodeStatus(props) { const { airDateUtc, monitored, grabbed, queueItem, trackFile } = props; const hasTrackFile = !!trackFile; const isQueued = !!queueItem; const hasAired = isBefore(airDateUtc); if (isQueued) { const { sizeleft, size } = queueItem; const progress = size ? (100 - sizeleft / size * 100) : 0; return (