Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-18 17:02:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

streams list fixes

Browse source
This commit is contained in:
svetlagasheva 2018-12-10 13:49:19 +02:00
parent f8a3f3884e
commit e3f6896e9f
2 changed files with 24 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/routes/Detail/StreamsList/StreamsList.js
View file

@ -1,35 +1,32 @@
import React, { Component } from 'react';
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import Icon from 'stremio-icons/dom';
import Stream from './Stream';
import styles from './styles';
class StreamsList extends Component {
render() {
return (
<div className={styles['streams-list-container']}>
<div className={styles['scroll-container']}>
<div className={classnames(styles['streams-list'])}>
{this.props.streams
.map((stream) =>
<Stream key={stream.id}
className={styles['stream']}
logo={stream.logo}
sourceName={stream.sourceName}
title={stream.title}
subtitle={stream.subtitle}
progress={stream.progress}
/>
)}
</div>
<div className={styles['button']} onClick={this.onMoreAddonsClicked}>
<Icon className={styles['button-icon']} icon={'ic_addons'} /> More Add-ons
</div>
const StreamsList = (props) => {
return (
<div className={styles['streams-list-container']}>
<div className={styles['scroll-container']}>
<div className={styles['streams-list']}>
{props.streams
.map((stream) =>
<Stream key={stream.id}
className={styles['stream']}
logo={stream.logo}
sourceName={stream.sourceName}
title={stream.title}
subtitle={stream.subtitle}
progress={stream.progress}
/>
)}
</div>
<div className={styles['button']} onClick={props.onMoreAddonsClicked}>
<Icon className={styles['button-icon']} icon={'ic_addons'} /> More Add-ons
</div>
</div>
);
}
</div>
);
}
StreamsList.propTypes = {

4
src/routes/Detail/StreamsList/styles.less
View file

@ -31,8 +31,8 @@
}
.button {
width: 44%;
height: 8%;
width: calc(0.4 * var(--scroll-container-width));
height: calc(0.12 * var(--scroll-container-width));
cursor: pointer;
display: flex;
align-items: center;