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

MetaItem click/focus implemented

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-01-18 15:58:20 +02:00
parent 778c70e6f2
commit d117fe86ec
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,6 +22,13 @@ class MetaItem extends Component {
this.setState({ menuPopupOpen: false }); this.setState({ menuPopupOpen: false });
} }
onClick = (event) => {
event.preventDefault();
if (typeof this.props.onClick === 'function') {
this.props.onClick();
}
}
renderProgress() { renderProgress() {
if (this.props.progress === 0) { if (this.props.progress === 0) {
return null; return null;
@ -92,10 +99,10 @@ class MetaItem extends Component {
render() { render() {
return ( return (
<div className={classnames(styles['meta-item-container'], styles[`relative-size-${this.props.relativeSize}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)}> <a className={classnames(styles['meta-item-container'], styles[`relative-size-${this.props.relativeSize}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)} href="#" onClick={this.onClick}>
{this.renderPoster()} {this.renderPoster()}
{this.renderInfoBar()} {this.renderInfoBar()}
</div> </a>
); );
} }
} }
@ -103,6 +110,7 @@ class MetaItem extends Component {
MetaItem.propTypes = { MetaItem.propTypes = {
className: PropTypes.string, className: PropTypes.string,
popupClassName: PropTypes.string, popupClassName: PropTypes.string,
onClick: PropTypes.func,
type: PropTypes.string.isRequired, type: PropTypes.string.isRequired,
relativeSize: PropTypes.oneOf(['auto', 'height']).isRequired, relativeSize: PropTypes.oneOf(['auto', 'height']).isRequired,
posterShape: PropTypes.oneOf(['poster', 'landscape', 'square']).isRequired, posterShape: PropTypes.oneOf(['poster', 'landscape', 'square']).isRequired,

2
src/common/MetaItem/styles.less
View file

@ -74,7 +74,7 @@
} }
} }
&:hover { &:hover, &:focus {
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
border: calc(var(--progress-bar-size) * 0.5) solid white; border: calc(var(--progress-bar-size) * 0.5) solid white;