i cracked the code

This commit is contained in:
Cooper Ransom 2024-03-21 19:49:02 -04:00
parent 7afce33733
commit ef71d7a2a4
1 changed files with 7 additions and 8 deletions

View File

@ -88,22 +88,21 @@ export function NextEpisodeButton(props: {
props.onChange?.(metaCopy); props.onChange?.(metaCopy);
}, [setDirectMeta, meta, props, setShouldStartFromBeginning]); }, [setDirectMeta, meta, props, setShouldStartFromBeginning]);
const [seconds, setSeconds] = useState(15); const [countdown, setCountdown] = useState(15);
useEffect(() => { useEffect(() => {
const interval = setInterval(() => { const timer = setInterval(() => {
setSeconds((prevSeconds) => prevSeconds - 1); setCountdown((prev) => (prev > 0 ? prev - 1 : 0));
}, 1000); }, 1000);
return () => clearInterval(interval); return () => clearInterval(timer);
}, []); }, []);
useEffect(() => { useEffect(() => {
if (seconds === 0) { if (countdown === 0) {
loadNextEpisode(); loadNextEpisode();
setSeconds(15);
} }
}, [seconds, loadNextEpisode]); }, [countdown]);
if (!meta?.episode || !nextEp) return null; if (!meta?.episode || !nextEp) return null;
if (metaType !== "show") return null; if (metaType !== "show") return null;
@ -131,7 +130,7 @@ export function NextEpisodeButton(props: {
className="bg-buttons-primary hover:bg-buttons-primaryHover text-buttons-primaryText flex justify-center items-center" className="bg-buttons-primary hover:bg-buttons-primaryHover text-buttons-primaryText flex justify-center items-center"
> >
<Icon className="text-xl mr-1" icon={Icons.SKIP_EPISODE} /> <Icon className="text-xl mr-1" icon={Icons.SKIP_EPISODE} />
{`Next episode ${seconds > 0 ? ` in ${seconds}` : ""}`} {countdown > 0 ? `Next episode in ${countdown} seconds` : t("player.nextEpisode.next")}
</Button> </Button>
</div> </div>
</Transition> </Transition>