Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 06:32:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(context menu): enable context menu on right click while loading/buffering

Browse source
This commit is contained in:
Botzy 2025-01-29 15:16:39 +02:00
parent 9a3be29a39
commit 0eca23873f
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/routes/Player/BufferingLoader/BufferingLoader.js
View file

@ -6,9 +6,9 @@ const classnames = require('classnames');
const { Image } = require('stremio/components');
const styles = require('./styles');
const BufferingLoader = ({ className, logo }) => {
const BufferingLoader = ({ className, logo, onContextMenu }) => {
return (
<div className={classnames(className, styles['buffering-loader-container'])}>
<div className={classnames(className, styles['buffering-loader-container'])} onContextMenu={onContextMenu}>
<Image
className={styles['buffering-loader']}
src={logo}
@ -21,7 +21,8 @@ const BufferingLoader = ({ className, logo }) => {
BufferingLoader.propTypes = {
className: PropTypes.string,
logo: PropTypes.string
logo: PropTypes.string,
onContextMenu: PropTypes.func
};
module.exports = BufferingLoader;

4
src/routes/Player/Player.js
View file

@ -652,7 +652,7 @@ const Player = ({ urlParams, queryParams }) => {
/>
{
!video.state.loaded ?
<div className={classnames(styles['layer'], styles['background-layer'])}>
<div className={classnames(styles['layer'], styles['background-layer'])} onContextMenu={onContextMenu}>
<img className={styles['image']} src={player?.metaItem?.content?.background} />
</div>
:
@ -660,7 +660,7 @@ const Player = ({ urlParams, queryParams }) => {
}
{
(video.state.buffering || !video.state.loaded) && !error ?
<BufferingLoader className={classnames(styles['layer'], styles['buffering-layer'])} logo={player?.metaItem?.content?.logo} />
<BufferingLoader className={classnames(styles['layer'], styles['buffering-layer'])} logo={player?.metaItem?.content?.logo} onContextMenu={onContextMenu} />
:
null
}