import PropTypes from 'prop-types'; import React, { Component } from 'react'; import ArtistBanner from 'Artist/ArtistBanner'; import DeleteArtistModal from 'Artist/Delete/DeleteArtistModal'; import EditArtistModalConnector from 'Artist/Edit/EditArtistModalConnector'; import ArtistIndexProgressBar from 'Artist/Index/ProgressBar/ArtistIndexProgressBar'; import Label from 'Components/Label'; import IconButton from 'Components/Link/IconButton'; import Link from 'Components/Link/Link'; import SpinnerIconButton from 'Components/Link/SpinnerIconButton'; import { icons } from 'Helpers/Props'; import getRelativeDate from 'Utilities/Date/getRelativeDate'; import ArtistIndexBannerInfo from './ArtistIndexBannerInfo'; import styles from './ArtistIndexBanner.css'; class ArtistIndexBanner extends Component { // // Lifecycle constructor(props, context) { super(props, context); this.state = { isEditArtistModalOpen: false, isDeleteArtistModalOpen: false }; } // // Listeners onEditArtistPress = () => { this.setState({ isEditArtistModalOpen: true }); } onEditArtistModalClose = () => { this.setState({ isEditArtistModalOpen: false }); } onDeleteArtistPress = () => { this.setState({ isEditArtistModalOpen: false, isDeleteArtistModalOpen: true }); } onDeleteArtistModalClose = () => { this.setState({ isDeleteArtistModalOpen: false }); } // // Render render() { const { id, artistName, monitored, status, foreignArtistId, nextAiring, statistics, images, bannerWidth, bannerHeight, detailedProgressBar, showTitle, showMonitored, showQualityProfile, showSearchAction, qualityProfile, showRelativeDates, shortDateFormat, timeFormat, isRefreshingArtist, isSearchingArtist, onRefreshArtistPress, onSearchPress, ...otherProps } = this.props; const { albumCount, sizeOnDisk, trackCount, trackFileCount, totalTrackCount } = statistics; const { isEditArtistModalOpen, isDeleteArtistModalOpen } = this.state; const link = `/artist/${foreignArtistId}`; const elementStyle = { width: `${bannerWidth}px`, height: `${bannerHeight}px` }; return (