From b3d6a8eeddac6129a5aca777aae2e67edd1b3ded Mon Sep 17 00:00:00 2001
From: Gykes <zeniiigmaa@gmail.com>
Date: Tue, 27 Aug 2024 17:50:04 -0700
Subject: [PATCH] Removing Play Button With No File (#5141)

* Remove Play Button With No File
* Hide controls when there is no file
---------
Co-authored-by: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
---
 ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx | 2 +-
 ui/v2.5/src/components/ScenePlayer/styles.scss     | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx b/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx
index 88bda1c88..897ac870b 100644
--- a/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx
+++ b/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx
@@ -822,7 +822,7 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = ({
 
   return (
     <div
-      className={cx("VideoPlayer", { portrait: isPortrait })}
+      className={cx("VideoPlayer", { portrait: isPortrait, "no-file": !file })}
       onKeyDownCapture={onKeyDown}
     >
       <div className="video-wrapper" ref={videoRef} />
diff --git a/ui/v2.5/src/components/ScenePlayer/styles.scss b/ui/v2.5/src/components/ScenePlayer/styles.scss
index e7a3e61ab..1b4fc6b25 100644
--- a/ui/v2.5/src/components/ScenePlayer/styles.scss
+++ b/ui/v2.5/src/components/ScenePlayer/styles.scss
@@ -34,6 +34,13 @@ $sceneTabWidth: 450px;
   }
 }
 
+.VideoPlayer.no-file .video-js {
+  .vjs-big-play-button,
+  .vjs-control-bar {
+    display: none;
+  }
+}
+
 .video-js {
   height: 100%;
   position: absolute;