56 lines
1.3 KiB
JavaScript
56 lines
1.3 KiB
JavaScript
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
import Label from 'Components/Label';
|
|
import VirtualTableRowCell from 'Components/Table/Cells/VirtualTableRowCell';
|
|
import styles from './SelectSeriesRow.css';
|
|
|
|
class SelectSeriesRow extends Component {
|
|
|
|
//
|
|
// Listeners
|
|
|
|
onPress = () => {
|
|
this.props.onSeriesSelect(this.props.id);
|
|
};
|
|
|
|
//
|
|
// Render
|
|
|
|
render() {
|
|
return (
|
|
<>
|
|
<VirtualTableRowCell className={styles.title}>
|
|
{this.props.title}
|
|
</VirtualTableRowCell>
|
|
|
|
<VirtualTableRowCell className={styles.year}>
|
|
{this.props.year}
|
|
</VirtualTableRowCell>
|
|
|
|
<VirtualTableRowCell className={styles.tvdbId}>
|
|
<Label>{this.props.tvdbId}</Label>
|
|
</VirtualTableRowCell>
|
|
|
|
<VirtualTableRowCell className={styles.imdbId}>
|
|
{
|
|
this.props.imdbId ?
|
|
<Label>{this.props.imdbId}</Label> :
|
|
null
|
|
}
|
|
</VirtualTableRowCell>
|
|
</>
|
|
);
|
|
}
|
|
}
|
|
|
|
SelectSeriesRow.propTypes = {
|
|
id: PropTypes.number.isRequired,
|
|
title: PropTypes.string.isRequired,
|
|
tvdbId: PropTypes.number.isRequired,
|
|
imdbId: PropTypes.string,
|
|
year: PropTypes.number.isRequired,
|
|
onSeriesSelect: PropTypes.func.isRequired
|
|
};
|
|
|
|
export default SelectSeriesRow;
|