import classNames from 'classnames'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Icon from 'Components/Icon'; import Link from 'Components/Link/Link'; import ConfirmModal from 'Components/Modal/ConfirmModal'; import { icons, kinds } from 'Helpers/Props'; import translate from 'Utilities/String/translate'; import EditImportListExclusionModalConnector from './EditImportListExclusionModalConnector'; import styles from './ImportListExclusion.css'; class ImportListExclusion extends Component { // // Lifecycle constructor(props, context) { super(props, context); this.state = { isEditImportListExclusionModalOpen: false, isDeleteImportListExclusionModalOpen: false }; } // // Listeners onEditImportListExclusionPress = () => { this.setState({ isEditImportListExclusionModalOpen: true }); } onEditImportListExclusionModalClose = () => { this.setState({ isEditImportListExclusionModalOpen: false }); } onDeleteImportListExclusionPress = () => { this.setState({ isEditImportListExclusionModalOpen: false, isDeleteImportListExclusionModalOpen: true }); } onDeleteImportListExclusionModalClose = () => { this.setState({ isDeleteImportListExclusionModalOpen: false }); } onConfirmDeleteImportListExclusion = () => { this.props.onConfirmDeleteImportListExclusion(this.props.id); } // // Render render() { const { id, artistName, foreignId } = this.props; return (