Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-17 16:45:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

MetaPreview refactored to work with date object for released prop

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-12 12:18:14 +03:00
parent 1b07d62997
commit 198f1cab90
1 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/common/MetaPreview/MetaPreview.js
View file

@ -9,16 +9,6 @@ const styles = require('./styles');
const MetaPreview = ({ className, compact, id, type, name, logo, background, duration, releaseInfo, released, description, genres, writers, directors, cast, imdbRating, links, inLibrary, toggleInLibrary }) => {
const [shareModalOpen, openShareModal, closeShareModal] = useBinaryState(false);
const releaseInfoText = React.useMemo(() => {
const releasedDate = new Date(released);
return typeof releaseInfo === 'string' && releaseInfo.length > 0 ?
releaseInfo
:
!isNaN(releasedDate.getFullYear()) ?
releasedDate.getFullYear()
:
null;
}, [releaseInfo, released]);
const genresLinks = React.useMemo(() => {
return Array.isArray(genres) ?
genres.map((genre) => ({
@ -90,13 +80,16 @@ const MetaPreview = ({ className, compact, id, type, name, logo, background, dur
null
}
{
(typeof releaseInfoText === 'string' && releaseInfoText.length > 0) || (typeof duration === 'string' && duration.length > 0) ?
(typeof releaseInfo === 'string' && releaseInfo.length > 0) || (released instanceof Date && !isNaN(released.getFullYear())) || (typeof duration === 'string' && duration.length > 0) ?
<div className={styles['duration-release-info-container']}>
{
typeof releaseInfoText === 'string' && releaseInfoText.length > 0 ?
<div className={styles['release-info-label']}>{releaseInfoText}</div>
typeof releaseInfo === 'string' && releaseInfo.length > 0 ?
<div className={styles['release-info-label']}>{releaseInfo}</div>
:
null
released instanceof Date && !isNaN(released.getFullYear()) ?
<div className={styles['release-info-label']}>{released.getFullYear()}</div>
:
null
}
{
typeof duration === 'string' && duration.length > 0 ?
@ -223,7 +216,7 @@ MetaPreview.propTypes = {
background: PropTypes.string,
duration: PropTypes.string,
releaseInfo: PropTypes.string,
released: PropTypes.string,
released: PropTypes.instanceOf(Date),
description: PropTypes.string,
genres: PropTypes.arrayOf(PropTypes.string),
writers: PropTypes.arrayOf(PropTypes.string),