From fa1cfc4882a7fb93cb58a825f63ae1e6cb6c0361 Mon Sep 17 00:00:00 2001
From: Thomas Zarebczan <thomas.zarebczan@gmail.com>
Date: Wed, 16 Mar 2022 16:27:46 -0400
Subject: [PATCH] Fix player current time

undo

Fix play

fix play

hide play
---
 extras/recsys/recsys.js         |  7 ++++---
 ui/scss/component/_content.scss | 14 +++++++++++++-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/extras/recsys/recsys.js b/extras/recsys/recsys.js
index 8ec868d1f..ec9f9db65 100644
--- a/extras/recsys/recsys.js
+++ b/extras/recsys/recsys.js
@@ -197,7 +197,7 @@ const recsys = {
   onPlayerDispose: function (claimId, isEmbedded) {
     if (window && window.store) {
       const state = window.store.getState();
-      const { uri: playingUri } = selectPlayingUri(state);
+      const playingUri = selectPlayingUri(state);
       const primaryUri = selectPrimaryUri(state);
       const onFilePage = playingUri === primaryUri;
       if (!onFilePage || isEmbedded) {
@@ -246,8 +246,9 @@ const recsys = {
   onNavigate: function () {
     if (window && window.store) {
       const state = window.store.getState();
-      const { uri: playingUri } = selectPlayingUri(state);
-      const claim = makeSelectClaimForUri(playingUri)(state);
+      const playingUri = selectPlayingUri(state);
+      const actualPlayingUri = playingUri && playingUri.uri;
+      const claim = makeSelectClaimForUri(actualPlayingUri)(state);
       const playingClaimId = claim ? claim.claim_id : null;
       // const primaryUri = selectPrimaryUri(state);
       const floatingPlayer = selectClientSetting(state, SETTINGS.FLOATING_PLAYER);
diff --git a/ui/scss/component/_content.scss b/ui/scss/component/_content.scss
index 78fc3f058..d1ebe064c 100644
--- a/ui/scss/component/_content.scss
+++ b/ui/scss/component/_content.scss
@@ -64,9 +64,14 @@
     transform: unset !important;
     border: unset;
 
+    .vjs-current-time {
+      display: none !important;
+    }
+
     .content__wrapper--floating {
       width: 100%;
       height: 100%;
+
       .content__floating-close {
         visibility: visible !important;
         display: inline;
@@ -86,6 +91,7 @@
           }
         }
       }
+
       .autoplay-countdown {
         display: none;
       }
@@ -106,7 +112,7 @@
 
     .vjs-play-control {
       transform: unset !important;
-      display: inline !important;
+      display: none !important;
       position: fixed !important;
       top: 12px !important;
       left: calc(50% - 80px) !important;
@@ -116,6 +122,12 @@
       border-radius: 50% !important;
       opacity: 1 !important;
       pointer-events: unset !important;
+      padding: 15px !important;
+
+      .vjs-icon-placeholder {
+        font-size: 1.2rem !important;
+      }
+
       span {
         position: absolute;
         top: 0;