mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-21 15:52:02 +00:00
stremio-core-web updated
This commit is contained in:
parent
9ae28f406d
commit
748f14a664
4 changed files with 14 additions and 12 deletions
6
package-lock.json
generated
6
package-lock.json
generated
|
|
@ -1833,9 +1833,9 @@
|
||||||
"integrity": "sha512-yT3No1gIWKLV2BhQIeSgG94EzXxmEqXJLulO+pFpziqWNUbmmEKeE+nRvW5wtoIK4SLy+v0bLd0b6HBH3KFfWw=="
|
"integrity": "sha512-yT3No1gIWKLV2BhQIeSgG94EzXxmEqXJLulO+pFpziqWNUbmmEKeE+nRvW5wtoIK4SLy+v0bLd0b6HBH3KFfWw=="
|
||||||
},
|
},
|
||||||
"@stremio/stremio-core-web": {
|
"@stremio/stremio-core-web": {
|
||||||
"version": "0.29.0",
|
"version": "0.30.0",
|
||||||
"resolved": "https://registry.npmjs.org/@stremio/stremio-core-web/-/stremio-core-web-0.29.0.tgz",
|
"resolved": "https://registry.npmjs.org/@stremio/stremio-core-web/-/stremio-core-web-0.30.0.tgz",
|
||||||
"integrity": "sha512-CLA/fhTkNAhXrnW4CLEuopa/LoWUKpl/P7T4p4jBSJ2PcPgw+GxOaW1DZrKwqPHcDgp85f8eDh1osspvSNxBbw==",
|
"integrity": "sha512-ClPMHFTbhvNP0zhxM4um5lk/6mXv0DsIFW+n0yiIAigSsLzdCWoME8zWV6eCIde7rnBQu9xuOcNMTOzY9v5Eyg==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@babel/runtime": "7.15.4"
|
"@babel/runtime": "7.15.4"
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@
|
||||||
"@babel/runtime": "7.16.0",
|
"@babel/runtime": "7.16.0",
|
||||||
"@sentry/browser": "6.13.3",
|
"@sentry/browser": "6.13.3",
|
||||||
"@stremio/stremio-colors": "4.0.1",
|
"@stremio/stremio-colors": "4.0.1",
|
||||||
"@stremio/stremio-core-web": "0.29.0",
|
"@stremio/stremio-core-web": "0.30.0",
|
||||||
"@stremio/stremio-icons": "3.0.5",
|
"@stremio/stremio-icons": "3.0.5",
|
||||||
"@stremio/stremio-video": "0.0.14",
|
"@stremio/stremio-video": "0.0.14",
|
||||||
"a-color-picker": "1.2.1",
|
"a-color-picker": "1.2.1",
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ const { Button, Image, PlayIconCircleCentered } = require('stremio/common');
|
||||||
const StreamPlaceholder = require('./StreamPlaceholder');
|
const StreamPlaceholder = require('./StreamPlaceholder');
|
||||||
const styles = require('./styles');
|
const styles = require('./styles');
|
||||||
|
|
||||||
const Stream = ({ className, addonName, title, thumbnail, progress, deepLinks, ...props }) => {
|
const Stream = ({ className, addonName, name, description, thumbnail, progress, deepLinks, ...props }) => {
|
||||||
const href = React.useMemo(() => {
|
const href = React.useMemo(() => {
|
||||||
return deepLinks ?
|
return deepLinks ?
|
||||||
typeof deepLinks.player === 'string' ?
|
typeof deepLinks.player === 'string' ?
|
||||||
|
|
@ -22,10 +22,10 @@ const Stream = ({ className, addonName, title, thumbnail, progress, deepLinks, .
|
||||||
<Icon className={styles['placeholder-icon']} icon={'ic_broken_link'} />
|
<Icon className={styles['placeholder-icon']} icon={'ic_broken_link'} />
|
||||||
), []);
|
), []);
|
||||||
return (
|
return (
|
||||||
<Button href={href} {...props} className={classnames(className, styles['stream-container'])} title={title}>
|
<Button href={href} {...props} className={classnames(className, styles['stream-container'])} title={addonName}>
|
||||||
{
|
{
|
||||||
typeof thumbnail === 'string' && thumbnail.length > 0 ?
|
typeof thumbnail === 'string' && thumbnail.length > 0 ?
|
||||||
<div className={styles['thumbnail-container']} title={addonName}>
|
<div className={styles['thumbnail-container']} title={name}>
|
||||||
<Image
|
<Image
|
||||||
className={styles['thumbnail']}
|
className={styles['thumbnail']}
|
||||||
src={thumbnail}
|
src={thumbnail}
|
||||||
|
|
@ -34,11 +34,11 @@ const Stream = ({ className, addonName, title, thumbnail, progress, deepLinks, .
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
:
|
:
|
||||||
<div className={styles['addon-name-container']} title={addonName}>
|
<div className={styles['addon-name-container']} title={name}>
|
||||||
<div className={styles['addon-name']}>{addonName}</div>
|
<div className={styles['addon-name']}>{name}</div>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
<div className={styles['info-container']}>{title}</div>
|
<div className={styles['info-container']} title={description}>{description}</div>
|
||||||
<PlayIconCircleCentered className={styles['play-icon']} />
|
<PlayIconCircleCentered className={styles['play-icon']} />
|
||||||
{
|
{
|
||||||
progress !== null && !isNaN(progress) && progress > 0 ?
|
progress !== null && !isNaN(progress) && progress > 0 ?
|
||||||
|
|
@ -57,7 +57,8 @@ Stream.Placeholder = StreamPlaceholder;
|
||||||
Stream.propTypes = {
|
Stream.propTypes = {
|
||||||
className: PropTypes.string,
|
className: PropTypes.string,
|
||||||
addonName: PropTypes.string,
|
addonName: PropTypes.string,
|
||||||
title: PropTypes.string,
|
name: PropTypes.string,
|
||||||
|
description: PropTypes.string,
|
||||||
thumbnail: PropTypes.string,
|
thumbnail: PropTypes.string,
|
||||||
progress: PropTypes.number,
|
progress: PropTypes.number,
|
||||||
deepLinks: PropTypes.shape({
|
deepLinks: PropTypes.shape({
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,8 @@ const StreamsList = ({ className, ...props }) => {
|
||||||
<Stream
|
<Stream
|
||||||
key={index}
|
key={index}
|
||||||
addonName={stream.addonName}
|
addonName={stream.addonName}
|
||||||
title={stream.title}
|
name={stream.name}
|
||||||
|
description={stream.description}
|
||||||
thumbnail={stream.thumbnail}
|
thumbnail={stream.thumbnail}
|
||||||
progress={stream.progress}
|
progress={stream.progress}
|
||||||
deepLinks={stream.deepLinks}
|
deepLinks={stream.deepLinks}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue