From 724260886dbe1a65a92b75e1b85c56060e5606c4 Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Thu, 4 Jan 2024 13:56:40 +0100
Subject: [PATCH] refactor(Player): move player immersed to a useMemo

---
 src/routes/Player/Player.js   | 6 +++++-
 src/routes/Player/styles.less | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 88fcea544..38d5d29dc 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -70,6 +70,10 @@ const Player = ({ urlParams, queryParams }) => {
         closeStatisticsMenu();
     }, []);
 
+    const overlayHidden = React.useMemo(() => {
+        return immersed && !casting && video.state.paused !== null && !video.state.paused && !menusOpen && !nextVideoPopupOpen;
+    }, [immersed, casting, video.state.paused, menusOpen, nextVideoPopupOpen]);
+
     const nextVideoPopupDismissed = React.useRef(false);
     const defaultSubtitlesSelected = React.useRef(false);
     const defaultAudioTrackSelected = React.useRef(false);
@@ -593,7 +597,7 @@ const Player = ({ urlParams, queryParams }) => {
     }, []);
 
     return (
-        <div className={classnames(styles['player-container'], { [styles['immersed']]: immersed && !casting && video.state.paused !== null && !video.state.paused && !menusOpen && !nextVideoPopupOpen })}
+        <div className={classnames(styles['player-container'], { [styles['overlayHidden']]: overlayHidden })}
             onMouseDown={onContainerMouseDown}
             onMouseMove={onContainerMouseMove}
             onMouseOver={onContainerMouseMove}
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index dbdf8bfac..362b9029b 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -15,7 +15,7 @@
 @background-color: rgba(0, 0, 0, 1);
 
 html:not(.active-slider-within) {
-    .player-container.immersed {
+    .player-container.overlayHidden {
         cursor: none;
 
         .nav-bar-layer, .control-bar-layer, .menu-layer {