Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

duration renamed to runtime

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-10-31 17:47:20 +02:00
parent 42d432eeac
commit 591488308d
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,7 +10,7 @@ const MetaLinks = require('./MetaLinks');
const MetaPreviewPlaceholder = require('./MetaPreviewPlaceholder');
const styles = require('./styles');
const MetaPreview = ({ className, compact, id, type, name, logo, background, duration, releaseInfo, released, description, genres, writers, directors, cast, imdbId, imdbRating, trailer, share, inLibrary, toggleInLibrary }) => {
const MetaPreview = ({ className, compact, id, type, name, logo, background, runtime, releaseInfo, released, description, genres, writers, directors, cast, imdbId, imdbRating, trailer, share, inLibrary, toggleInLibrary }) => {
const [shareModalOpen, openShareModal, closeShareModal] = useBinaryState(false);
const genresLinks = React.useMemo(() => {
return Array.isArray(genres) ?
@ -95,8 +95,8 @@ const MetaPreview = ({ className, compact, id, type, name, logo, background, dur
null
}
{
(typeof releaseInfo === 'string' && releaseInfo.length > 0) || (released instanceof Date && !isNaN(released.getTime())) || (typeof duration === 'string' && duration.length > 0) ?
<div className={styles['duration-release-info-container']}>
(typeof releaseInfo === 'string' && releaseInfo.length > 0) || (released instanceof Date && !isNaN(released.getTime())) || (typeof runtime === 'string' && runtime.length > 0) ?
<div className={styles['runtime-release-info-container']}>
{
typeof releaseInfo === 'string' && releaseInfo.length > 0 ?
<div className={styles['release-info-label']}>{releaseInfo}</div>
@ -107,8 +107,8 @@ const MetaPreview = ({ className, compact, id, type, name, logo, background, dur
null
}
{
typeof duration === 'string' && duration.length > 0 ?
<div className={styles['duration-label']}>{duration}</div>
typeof runtime === 'string' && runtime.length > 0 ?
<div className={styles['runtime-label']}>{runtime}</div>
:
null
}
@ -231,7 +231,7 @@ MetaPreview.propTypes = {
name: PropTypes.string,
logo: PropTypes.string,
background: PropTypes.string,
duration: PropTypes.string,
runtime: PropTypes.string,
releaseInfo: PropTypes.string,
released: PropTypes.instanceOf(Date),
description: PropTypes.string,

12
src/common/MetaPreview/styles.less
View file

@ -14,10 +14,10 @@
object-position: center;
}
.duration-release-info-container {
.runtime-release-info-container {
justify-content: space-evenly;
.duration-label, .release-info-label {
.runtime-label, .release-info-label {
margin: 1rem 0.4rem;
}
}
@ -56,8 +56,9 @@
.logo, .logo-placeholder-icon {
display: block;
max-width: 100%;
height: 7rem;
height: 8rem;
margin-top: 1rem;
padding: 1rem;
background-color: var(--color-surfacedarker20);
}
@ -67,17 +68,16 @@
}
.logo-placeholder-icon {
padding: 1rem;
fill: var(--color-surfacelight);
}
.duration-release-info-container {
.runtime-release-info-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 1rem;
.duration-label, .release-info-label {
.runtime-label, .release-info-label {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;