move out videopopuptoggler

OpenDonationAssistant · Feb 3, 2024 · caa8179 · caa8179
1 parent a24e73e
commit caa8179
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/components/MediaWidget/MediaWidget.tsx b/src/components/MediaWidget/MediaWidget.tsx
@@ -16,6 +16,7 @@ import PlaylistComponent from "./PlaylistComponent";
 import VideoJSComponent from "./VideoJSComponent";
 import { Song } from "./types";
 import { log } from "../../logging";
+import VideoPopupToggler from "./VideoPopupToggler";
 
 export default function MediaWidget({}: {}) {
   const { recipientId, conf, widgetId } = useLoaderData();
@@ -71,6 +72,10 @@ export default function MediaWidget({}: {}) {
       />
       <div className="video-container" data-vjs-player>
         <RequestsDisabledWarning />
+        <div className="player-header">
+          <div className="song-title-container">{song?.title ?? ""}</div>
+          <VideoPopupToggler/>
+        </div>
         {song && playlistController.current && <VideoJSComponent playlistController={playlistController.current} song={song}/>}
         <div className="playlist-controls">
           <Menu>

diff --git a/src/components/MediaWidget/VideoJSComponent.tsx b/src/components/MediaWidget/VideoJSComponent.tsx
@@ -145,12 +145,6 @@ export default function VideoJSComponent({
 
   return (
     <>
-      <>
-        <div className="player-header">
-          <div className="song-title-container">{song?.title}</div>
-          <VideoPopupToggler/>
-        </div>
-      </>
       <div
         className="video-player"
         data-vjs-player