From d627d517413b46fc1dea290e1c9c2af4ea5be232 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Tue, 13 Nov 2018 12:45:21 +0200
Subject: [PATCH] ovelay layer rendered on top of video to prevent context menu
 interraction

---
 src/routes/Player/Player.js | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index ad3776b90..9246862c6 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import classnames from 'classnames';
 import ReactHTMLVideo from './stremio-video/ReactHTMLVideo';
 import ControlBar from './ControlBar';
@@ -92,15 +92,18 @@ class Player extends Component {
         }
 
         return (
-            <this.state.videoComponent
-                ref={this.videoRef}
-                className={classnames(styles['layer'], styles['video'])}
-                onEnded={this.onEnded}
-                onError={this.onError}
-                onPropValue={this.onPropValue}
-                onPropChanged={this.onPropChanged}
-                observedProps={['paused', 'time', 'duration', 'volume']}
-            />
+            <Fragment>
+                <this.state.videoComponent
+                    ref={this.videoRef}
+                    className={classnames(styles['layer'], styles['video'])}
+                    onEnded={this.onEnded}
+                    onError={this.onError}
+                    onPropValue={this.onPropValue}
+                    onPropChanged={this.onPropChanged}
+                    observedProps={['paused', 'time', 'duration', 'volume']}
+                />
+                <div className={styles['layer']} />
+            </Fragment>
         );
     }