diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js
index edba53d..ee7fd2e 100644
--- a/app/src/components/Containers/Peer.js
+++ b/app/src/components/Containers/Peer.js
@@ -102,15 +102,9 @@ const styles = (theme) =>
const Peer = (props) =>
{
const [ hover, setHover ] = useState(false);
- const [ webcamHover, setWebcamHover ] = useState(false);
- const [ screenHover, setScreenHover ] = useState(false);
let touchTimeout = null;
- let touchWebcamTimeout = null;
-
- let touchScreenTimeout = null;
-
const {
roomClient,
advancedMode,
@@ -206,24 +200,24 @@ const Peer = (props) =>
}
setWebcamHover(true)}
- onMouseOut={() => setWebcamHover(false)}
+ className={classnames(classes.controls, hover ? 'hover' : null)}
+ onMouseOver={() => setHover(true)}
+ onMouseOut={() => setHover(false)}
onTouchStart={() =>
{
- if (touchWebcamTimeout)
- clearTimeout(touchWebcamTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- setWebcamHover(true);
+ setHover(true);
}}
onTouchEnd={() =>
{
- if (touchWebcamTimeout)
- clearTimeout(touchWebcamTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- touchWebcamTimeout = setTimeout(() =>
+ touchTimeout = setTimeout(() =>
{
- setWebcamHover(false);
+ setHover(false);
}, 2000);
}}
>
@@ -330,25 +324,25 @@ const Peer = (props) =>
{ screenVisible ?
setScreenHover(true)}
- onMouseOut={() => setScreenHover(false)}
+ className={classnames(classes.controls, hover ? 'hover' : null)}
+ onMouseOver={() => setHover(true)}
+ onMouseOut={() => setHover(false)}
onTouchStart={() =>
{
- if (touchScreenTimeout)
- clearTimeout(touchScreenTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- setScreenHover(true);
+ setHover(true);
}}
onTouchEnd={() =>
{
- if (touchScreenTimeout)
- clearTimeout(touchScreenTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- touchScreenTimeout = setTimeout(() =>
+ touchTimeout = setTimeout(() =>
{
- setScreenHover(false);
+ setHover(false);
}, 2000);
}}
>