import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { kinds, sizes } from 'Helpers/Props'; import ConfirmModal from 'Components/Modal/ConfirmModal'; import Label from 'Components/Label'; import QualityProfileNameConnector from 'Settings/Profiles/Quality/QualityProfileNameConnector'; import Table from 'Components/Table/Table'; import TableBody from 'Components/Table/TableBody'; import EpisodeAiringConnector from './EpisodeAiringConnector'; import TrackDetailRow from './TrackDetailRow'; import styles from './EpisodeSummary.css'; class EpisodeSummary extends Component { // // Lifecycle constructor(props, context) { super(props, context); this.state = { isRemoveTrackFileModalOpen: false }; } // // Listeners onRemoveTrackFilePress = () => { this.setState({ isRemoveTrackFileModalOpen: true }); } onConfirmRemoveTrackFile = () => { this.props.onDeleteTrackFile(); this.setState({ isRemoveTrackFileModalOpen: false }); } onRemoveTrackFileModalClose = () => { this.setState({ isRemoveTrackFileModalOpen: false }); } // // Render render() { const { qualityProfileId, overview, releaseDate, albumLabel, path, items, size, quality, qualityCutoffNotMet, columns } = this.props; const hasOverview = !!overview; return (