From 1c4336d6f042000eda0570ccb806b16c5de07c39 Mon Sep 17 00:00:00 2001
From: Mitch Downey <mitchldowney@gmail.com>
Date: Sat, 16 Dec 2023 02:36:39 -0600
Subject: [PATCH 1/2] Fix video player styles when in full view with draggable
 and resizable

---
 src/components/Player/PlayerAPI/PlayerAPIVideo.scss |  2 +-
 src/components/Player/PlayerAPI/PlayerAPIVideo.tsx  | 10 +++++++---
 src/components/Player/PlayerFullView.scss           |  3 ++-
 src/components/Player/PlayerFullView.tsx            |  2 +-
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/Player/PlayerAPI/PlayerAPIVideo.scss b/src/components/Player/PlayerAPI/PlayerAPIVideo.scss
index 0cc50325..b8a0f10b 100644
--- a/src/components/Player/PlayerAPI/PlayerAPIVideo.scss
+++ b/src/components/Player/PlayerAPI/PlayerAPIVideo.scss
@@ -1,5 +1,5 @@
 .video-player-wrapper {
-  position: fixed;
+  position: fixed !important;
   bottom: 110px;
   right: 0;
   z-index: 1;
diff --git a/src/components/Player/PlayerAPI/PlayerAPIVideo.tsx b/src/components/Player/PlayerAPI/PlayerAPIVideo.tsx
index 04d9f1fd..0034a37c 100644
--- a/src/components/Player/PlayerAPI/PlayerAPIVideo.tsx
+++ b/src/components/Player/PlayerAPI/PlayerAPIVideo.tsx
@@ -16,9 +16,12 @@ import { OmniAuralState } from '~/state/omniauralState'
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const PlayerVideo = require('react-player').default
 
-type Props = unknown
+type Props = {
+  isFullView: boolean
+}
 
 export const PlayerAPIVideo = (props: Props) => {
+  const { isFullView } = props
   const [player] = useOmniAural('player') as [OmniAuralState['player']]
   const [isResizing, setIsResizing] = useState(false)
   const [isDragging, setIsDragging] = useState(false)
@@ -144,15 +147,16 @@ export const PlayerAPIVideo = (props: Props) => {
   }
 
   const preventPlayPauseOnDragEnd = isDragging ? { pointerEvents: 'none' } : {}
-console.log('preventPlayPauseOnDragEnd', preventPlayPauseOnDragEnd)
+
   return (
-    <Draggable disabled={isResizing} onDrag={onDragStart} onStop={onDragStop}>
+    <Draggable disabled={isFullView || isResizing} onDrag={onDragStart} onStop={onDragStop}>
       <Resizable
         className='video-player-wrapper'
         defaultSize={{
           width: 390,
           height: 220
         }}
+        {...(isFullView ? { enable: false } : {})}
         lockAspectRatio
         minHeight={220}
         minWidth={390}
diff --git a/src/components/Player/PlayerFullView.scss b/src/components/Player/PlayerFullView.scss
index 1459cfbd..ec4842b8 100644
--- a/src/components/Player/PlayerFullView.scss
+++ b/src/components/Player/PlayerFullView.scss
@@ -19,7 +19,8 @@
     @include blurredBackground();
 
     .video-player-wrapper {
-      position: unset;
+      transform: translate(0px, 0px) !important;
+      position: unset !important;
       bottom: unset;
       right: unset;
       z-index: unset;
diff --git a/src/components/Player/PlayerFullView.tsx b/src/components/Player/PlayerFullView.tsx
index e4f826a9..55b91af8 100644
--- a/src/components/Player/PlayerFullView.tsx
+++ b/src/components/Player/PlayerFullView.tsx
@@ -126,7 +126,7 @@ export const PlayerFullView = ({ isEmbed, nowPlayingItem }: Props) => {
         </>
       )}
       <div className={imageWrapperClass}>
-        {isVideo && <PlayerAPIVideo />}
+        {isVideo && <PlayerAPIVideo isFullView={showFullView} />}
         {showFullView &&
           !isVideo &&
           (nowPlayingItem.clipLinkUrl ? (

From b8990610a699119c3c553dbec58c4c55f89a2464 Mon Sep 17 00:00:00 2001
From: Mitch Downey <mitchldowney@gmail.com>
Date: Sat, 16 Dec 2023 02:36:53 -0600
Subject: [PATCH 2/2] Bump to version 4.15.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b5b3abb6..08e0b2ed 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "podverse-web",
-  "version": "4.15.6",
+  "version": "4.15.7",
   "description": "Web app for the Podverse podcast clip sharing ecosystem",
   "repository": {
     "type": "git",