import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { icons, kinds, sizes } from 'Helpers/Props'; import HeartRating from 'Components/HeartRating'; import Icon from 'Components/Icon'; import Label from 'Components/Label'; import Link from 'Components/Link/Link'; import SeriesPoster from 'Series/SeriesPoster'; import AddNewSeriesModal from './AddNewSeriesModal'; import styles from './AddNewSeriesSearchResult.css'; class AddNewSeriesSearchResult extends Component { // // Lifecycle constructor(props, context) { super(props, context); this.state = { isNewAddSeriesModalOpen: false }; } componentDidUpdate(prevProps) { if (!prevProps.isExistingSeries && this.props.isExistingSeries) { this.onAddSerisModalClose(); } } // // Listeners onPress = () => { this.setState({ isNewAddSeriesModalOpen: true }); } onAddSerisModalClose = () => { this.setState({ isNewAddSeriesModalOpen: false }); } // // Render render() { const { tvdbId, title, titleSlug, year, network, status, overview, statistics, ratings, images, isExistingSeries, isSmallScreen } = this.props; const seasonCount = statistics.seasonCount; const { isNewAddSeriesModalOpen } = this.state; const linkProps = isExistingSeries ? { to: `/series/${titleSlug}` } : { onPress: this.onPress }; let seasons = '1 Season'; if (seasonCount > 1) { seasons = `${seasonCount} Seasons`; } return (