diff --git a/src/renderer/features/player/components/center-controls.tsx b/src/renderer/features/player/components/center-controls.tsx index 7b3ba9ef..99b1e877 100644 --- a/src/renderer/features/player/components/center-controls.tsx +++ b/src/renderer/features/player/components/center-controls.tsx @@ -115,7 +115,16 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => { ], ]); - useMediaSession(playersRef); + useMediaSession({ + handleNextTrack, + handlePause, + handlePlay, + handlePrevTrack, + handleSeekSlider, + handleSkipBackward, + handleSkipForward, + handleStop, + }); return ( <> diff --git a/src/renderer/features/player/hooks/use-media-session.ts b/src/renderer/features/player/hooks/use-media-session.ts index aa157eb4..94fba8ea 100644 --- a/src/renderer/features/player/hooks/use-media-session.ts +++ b/src/renderer/features/player/hooks/use-media-session.ts @@ -1,6 +1,5 @@ import { useEffect } from 'react'; -import { useCenterControls } from '/@/renderer/features/player/hooks/use-center-controls'; import { useCurrentSong, useCurrentStatus, @@ -9,26 +8,31 @@ import { } from '/@/renderer/store'; import { PlayerStatus } from '/@/shared/types/types'; -export const useMediaSession = (playersRef: { player1: any; player2: any }) => { +export const useMediaSession = ({ + handleNextTrack, + handlePause, + handlePlay, + handlePrevTrack, + handleSeekSlider, + handleSkipBackward, + handleSkipForward, + handleStop, +}: { + handleNextTrack: () => void; + handlePause: () => void; + handlePlay: () => void; + handlePrevTrack: () => void; + handleSeekSlider: (e: any | number) => void; + handleSkipBackward: (seconds: number) => void; + handleSkipForward: (seconds: number) => void; + handleStop: () => void; +}) => { const { mediaSession: mediaSessionEnabled } = usePlaybackSettings(); const playerStatus = useCurrentStatus(); const currentSong = useCurrentSong(); const mediaSession = navigator.mediaSession; const skip = useSettingsStore((state) => state.general.skipButtons); - const { - handleNextTrack, - handlePause, - handlePlay, - handlePrevTrack, - handleSeekSlider, - handleSkipBackward, - handleSkipForward, - handleStop, - } = useCenterControls({ - playersRef, - }); - useEffect(() => { if (!mediaSessionEnabled || !mediaSession) { return;