2021-10-29 11:59:23 +00:00
|
|
|
import classNames from 'classnames';
|
2020-02-26 04:18:49 +00:00
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import React from 'react';
|
2020-07-25 21:59:03 +00:00
|
|
|
import getQueueStatusText from 'Utilities/Movie/getQueueStatusText';
|
2020-08-29 03:56:13 +00:00
|
|
|
import translate from 'Utilities/String/translate';
|
2020-02-26 04:18:49 +00:00
|
|
|
import styles from './MovieFileStatus.css';
|
|
|
|
|
|
|
|
function MovieFileStatus(props) {
|
|
|
|
const {
|
|
|
|
isAvailable,
|
|
|
|
monitored,
|
2020-07-25 21:59:03 +00:00
|
|
|
movieFile,
|
|
|
|
queueStatus,
|
2021-10-29 11:59:23 +00:00
|
|
|
queueState,
|
|
|
|
colorImpairedMode
|
2020-02-26 04:18:49 +00:00
|
|
|
} = props;
|
|
|
|
|
|
|
|
const hasMovieFile = !!movieFile;
|
2020-02-27 22:50:52 +00:00
|
|
|
const hasReleased = isAvailable;
|
2020-02-26 04:18:49 +00:00
|
|
|
|
2020-07-25 21:59:03 +00:00
|
|
|
if (queueStatus) {
|
|
|
|
const queueStatusText = getQueueStatusText(queueStatus, queueState);
|
2020-02-26 04:18:49 +00:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div className={styles.center}>
|
2021-10-29 11:59:23 +00:00
|
|
|
<span className={styles.queue} />
|
|
|
|
{queueStatusText}
|
2020-02-26 04:18:49 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (hasMovieFile) {
|
|
|
|
const quality = movieFile.quality;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className={styles.center}>
|
2021-10-29 11:59:23 +00:00
|
|
|
<span className={styles.ended} />
|
|
|
|
{quality.quality.name}
|
2020-02-26 04:18:49 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!monitored) {
|
|
|
|
return (
|
2021-10-29 11:59:23 +00:00
|
|
|
<div className={classNames(
|
|
|
|
styles.center,
|
|
|
|
styles.missingUnmonitoredBackground,
|
|
|
|
colorImpairedMode && 'colorImpaired'
|
|
|
|
)}
|
|
|
|
>
|
|
|
|
<span className={styles.missingUnmonitored} />
|
|
|
|
{translate('NotMonitored')}
|
2020-02-26 04:18:49 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (hasReleased) {
|
|
|
|
return (
|
2021-10-29 11:59:23 +00:00
|
|
|
<div className={classNames(
|
|
|
|
styles.center,
|
|
|
|
styles.missingMonitoredBackground,
|
|
|
|
colorImpairedMode && 'colorImpaired'
|
|
|
|
)}
|
|
|
|
>
|
|
|
|
<span className={styles.missingMonitored} />
|
|
|
|
{translate('Missing')}
|
2020-02-26 04:18:49 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className={styles.center}>
|
2021-10-29 11:59:23 +00:00
|
|
|
<span className={styles.continuing} />
|
|
|
|
{translate('NotAvailable')}
|
2020-02-26 04:18:49 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
MovieFileStatus.propTypes = {
|
|
|
|
isAvailable: PropTypes.bool,
|
|
|
|
monitored: PropTypes.bool.isRequired,
|
2020-07-25 21:59:03 +00:00
|
|
|
movieFile: PropTypes.object,
|
|
|
|
queueStatus: PropTypes.string,
|
2021-10-29 11:59:23 +00:00
|
|
|
queueState: PropTypes.string,
|
|
|
|
colorImpairedMode: PropTypes.bool.isRequired
|
2020-02-26 04:18:49 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default MovieFileStatus;
|