import PropTypes from 'prop-types'; import React, { Component } from 'react'; import classNames from 'classnames'; import titleCase from 'Utilities/String/titleCase'; import { icons, kinds } from 'Helpers/Props'; import Icon from 'Components/Icon'; import Link from 'Components/Link/Link'; import TagList from 'Components/TagList'; import ConfirmModal from 'Components/Modal/ConfirmModal'; import EditDelayProfileModalConnector from './EditDelayProfileModalConnector'; import styles from './DelayProfile.css'; function getDelay(enabled, delay) { if (!enabled) { return '-'; } if (!delay) { return 'No Delay'; } if (delay === 1) { return '1 Minute'; } // TODO: use better units of time than just minutes return `${delay} Minutes`; } class DelayProfile extends Component { // // Lifecycle constructor(props, context) { super(props, context); this.state = { isEditDelayProfileModalOpen: false, isDeleteDelayProfileModalOpen: false }; } // // Listeners onEditDelayProfilePress = () => { this.setState({ isEditDelayProfileModalOpen: true }); } onEditDelayProfileModalClose = () => { this.setState({ isEditDelayProfileModalOpen: false }); } onDeleteDelayProfilePress = () => { this.setState({ isEditDelayProfileModalOpen: false, isDeleteDelayProfileModalOpen: true }); } onDeleteDelayProfileModalClose = () => { this.setState({ isDeleteDelayProfileModalOpen: false }); } onConfirmDeleteDelayProfile = () => { this.props.onConfirmDeleteDelayProfile(this.props.id); } // // Render render() { const { id, enableUsenet, enableTorrent, preferredProtocol, usenetDelay, torrentDelay, tags, tagList, isDragging, connectDragSource } = this.props; let preferred = titleCase(preferredProtocol); if (!enableUsenet) { preferred = 'Only Torrent'; } else if (!enableTorrent) { preferred = 'Only Usenet'; } return (