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

VideosList release-info-container renamed and always rendered

Browse source
This commit is contained in:
svetlagasheva 2020-03-27 11:23:15 +02:00
parent a97a59778c
commit d42debb7e9
2 changed files with 27 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/routes/MetaDetails/VideosList/Video/Video.js
View file

@ -32,34 +32,34 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w
{episode !== null && !isNaN(episode) ? `${episode}. ` : null}
{typeof title === 'string' && title.length > 0 ? title : id}
</div>
{
released instanceof Date && !isNaN(released.getTime()) ?
<div className={styles['released-info-container']}>
<div className={styles['flex-row-container']}>
{
released instanceof Date && !isNaN(released.getTime()) ?
<div className={styles['released-container']}>
{released.toLocaleString(undefined, { year: '2-digit', month: 'short', day: 'numeric' })}
</div>
<div className={styles['upcoming-watched-container']}>
{
upcoming ?
<div className={styles['upcoming-container']}>
<div className={styles['flag-label']}>Upcoming</div>
</div>
:
null
}
{
watched ?
<div className={styles['watched-container']}>
<div className={styles['flag-label']}>Watched</div>
</div>
:
null
}
</div>
</div>
:
null
}
:
null
}
<div className={styles['upcoming-watched-container']}>
{
upcoming ?
<div className={styles['upcoming-container']}>
<div className={styles['flag-label']}>Upcoming</div>
</div>
:
null
}
{
watched ?
<div className={styles['watched-container']}>
<div className={styles['flag-label']}>Watched</div>
</div>
:
null
}
</div>
</div>
</div>
{
progress !== null && !isNaN(progress) && progress > 0 ?

3
src/routes/MetaDetails/VideosList/Video/styles.less
View file

@ -52,10 +52,11 @@
color: @color-surface-light5-90;
}
.released-info-container {
.flex-row-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
.released-container {
flex: 1;