diff --git a/src/components/player/atoms/NextEpisodeButton.tsx b/src/components/player/atoms/NextEpisodeButton.tsx index 570e198e..59a38502 100644 --- a/src/components/player/atoms/NextEpisodeButton.tsx +++ b/src/components/player/atoms/NextEpisodeButton.tsx @@ -96,7 +96,7 @@ export function NextEpisodeButton(props: { }, 1000); return () => clearInterval(interval); - }, [time, duration]); + }, []); useEffect(() => { if (seconds === 0) { @@ -105,6 +105,10 @@ export function NextEpisodeButton(props: { } }, [seconds, loadNextEpisode]); + useEffect(() => { + setSeconds(15); + }, [time, duration]); + if (!meta?.episode || !nextEp) return null; if (metaType !== "show") return null; @@ -131,7 +135,7 @@ export function NextEpisodeButton(props: { className="bg-buttons-primary hover:bg-buttons-primaryHover text-buttons-primaryText flex justify-center items-center" > - {t(`player.nextEpisode.next ${seconds > 0 ? ` in ${seconds}` : ""}`)} + {t(`Next episode ${seconds > 0 ? ` in ${seconds}` : ""}`)}