You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
3.0 KiB
107 lines
3.0 KiB
7 years ago
|
import PropTypes from 'prop-types';
|
||
|
import React from 'react';
|
||
|
import { icons, kinds, tooltipPositions } from 'Helpers/Props';
|
||
|
import Icon from 'Components/Icon';
|
||
|
import Popover from 'Components/Tooltip/Popover';
|
||
|
import SceneInfo from './SceneInfo';
|
||
|
import styles from './EpisodeNumber.css';
|
||
|
|
||
|
function EpisodeNumber(props) {
|
||
|
const {
|
||
|
episodeNumber,
|
||
|
absoluteEpisodeNumber,
|
||
|
sceneSeasonNumber,
|
||
|
sceneEpisodeNumber,
|
||
|
sceneAbsoluteEpisodeNumber,
|
||
|
unverifiedSceneNumbering,
|
||
|
alternateTitles,
|
||
7 years ago
|
artistType
|
||
7 years ago
|
} = props;
|
||
|
|
||
|
const hasSceneInformation = sceneSeasonNumber !== undefined ||
|
||
|
sceneEpisodeNumber !== undefined ||
|
||
7 years ago
|
(artistType === 'anime' && sceneAbsoluteEpisodeNumber !== undefined) ||
|
||
7 years ago
|
!!alternateTitles.length;
|
||
|
|
||
|
return (
|
||
|
<span>
|
||
|
{
|
||
|
hasSceneInformation ?
|
||
|
<Popover
|
||
|
anchor={
|
||
|
<span>
|
||
|
{episodeNumber}
|
||
|
|
||
|
{
|
||
7 years ago
|
artistType === 'anime' && !!absoluteEpisodeNumber &&
|
||
7 years ago
|
<span className={styles.absoluteEpisodeNumber}>
|
||
|
({absoluteEpisodeNumber})
|
||
|
</span>
|
||
|
}
|
||
|
</span>
|
||
|
}
|
||
|
title="Scene Information"
|
||
|
body={
|
||
|
<SceneInfo
|
||
|
sceneSeasonNumber={sceneSeasonNumber}
|
||
|
sceneEpisodeNumber={sceneEpisodeNumber}
|
||
|
sceneAbsoluteEpisodeNumber={sceneAbsoluteEpisodeNumber}
|
||
|
alternateTitles={alternateTitles}
|
||
7 years ago
|
artistType={artistType}
|
||
7 years ago
|
/>
|
||
|
}
|
||
|
position={tooltipPositions.RIGHT}
|
||
|
/> :
|
||
|
<span>
|
||
|
{episodeNumber}
|
||
|
|
||
|
{
|
||
7 years ago
|
artistType === 'anime' && !!absoluteEpisodeNumber &&
|
||
7 years ago
|
<span className={styles.absoluteEpisodeNumber}>
|
||
|
({absoluteEpisodeNumber})
|
||
|
</span>
|
||
|
}
|
||
|
</span>
|
||
|
}
|
||
|
|
||
|
{
|
||
|
unverifiedSceneNumbering &&
|
||
|
<Icon
|
||
|
className={styles.warning}
|
||
|
name={icons.WARNING}
|
||
|
kind={kinds.WARNING}
|
||
|
title="Scene number hasn't been verified yet"
|
||
|
/>
|
||
|
}
|
||
|
|
||
|
{
|
||
7 years ago
|
artistType === 'anime' && !absoluteEpisodeNumber &&
|
||
7 years ago
|
<Icon
|
||
|
className={styles.warning}
|
||
|
name={icons.WARNING}
|
||
|
kind={kinds.WARNING}
|
||
|
title="Episode does not have an absolute episode number"
|
||
|
/>
|
||
|
}
|
||
|
</span>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
EpisodeNumber.propTypes = {
|
||
|
seasonNumber: PropTypes.number.isRequired,
|
||
|
episodeNumber: PropTypes.number.isRequired,
|
||
|
absoluteEpisodeNumber: PropTypes.number,
|
||
|
sceneSeasonNumber: PropTypes.number,
|
||
|
sceneEpisodeNumber: PropTypes.number,
|
||
|
sceneAbsoluteEpisodeNumber: PropTypes.number,
|
||
|
unverifiedSceneNumbering: PropTypes.bool.isRequired,
|
||
|
alternateTitles: PropTypes.arrayOf(PropTypes.object).isRequired,
|
||
7 years ago
|
artistType: PropTypes.string
|
||
7 years ago
|
};
|
||
|
|
||
|
EpisodeNumber.defaultProps = {
|
||
|
unverifiedSceneNumbering: false
|
||
|
};
|
||
|
|
||
|
export default EpisodeNumber;
|