diff --git a/renderer/components/Container/Container.tsx b/renderer/components/Container/Container.tsx index 0cb886cf..e91d6dcb 100644 --- a/renderer/components/Container/Container.tsx +++ b/renderer/components/Container/Container.tsx @@ -102,7 +102,6 @@ export default function () { useEffect(() => { function loadMagnetUri(_magnetUri: string) { - debugger; if (!_magnetUri) return; try { const { name, infoHash }: MagnetUri.Instance = ParseTorrent(_magnetUri); diff --git a/renderer/components/MiniPlayer/MiniPlayer.tsx b/renderer/components/MiniPlayer/MiniPlayer.tsx index 677a51ce..fba0820f 100644 --- a/renderer/components/MiniPlayer/MiniPlayer.tsx +++ b/renderer/components/MiniPlayer/MiniPlayer.tsx @@ -15,18 +15,17 @@ export const MiniPlayer: React.FC = memo(({ file }) => { const playerRef = useRef(null); useEffect(() => { - if (!file || file.type !== FileType.AUDIO) { + return () => { playerRef.current?.destroy(); + }; + }, []); + + useEffect(() => { + if (!file || file.type !== FileType.AUDIO) { return; } - if (playerRef.current) { - playerRef.current.source = { - type: "audio", - sources: [{ src: file.url }], - }; - } else if (file) { - playerRef.current = new Plyr(audioRef.current); - } + + playerRef.current = new Plyr(audioRef.current); }, [file]); const transitions = fadeInTranslateY(!!file && file.type === FileType.AUDIO);