mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues Wiki Activity

Trouble shoot next episode

Browse source
This commit is contained in:
Cooper Ransom 2024-03-21 13:07:21 -04:00
parent 7151b73e01
commit 3be2948a42
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/player/atoms/NextEpisodeButton.tsx
View file

@ -1,5 +1,5 @@
import classNames from "classnames";
import React, { useCallback } from "react";
import React, { useState, useEffect, useCallback } from "react";
import { useTranslation } from "react-i18next";
import { Icon, Icons } from "@/components/Icon";
@ -88,6 +88,23 @@ export function NextEpisodeButton(props: {
props.onChange?.(metaCopy);
}, [setDirectMeta, meta, props, setShouldStartFromBeginning]);
const [seconds, setSeconds] = useState(15);
useEffect(() => {
const interval = setInterval(() => {
setSeconds((prevSeconds) => prevSeconds - 1);
}, 1000);
return () => clearInterval(interval);
}, []);
useEffect(() => {
if (seconds === 0) {
loadNextEpisode();
setSeconds(15);
}
}, [seconds, loadNextEpisode]);
if (!meta?.episode || !nextEp) return null;
if (metaType !== "show") return null;
@ -114,7 +131,7 @@ export function NextEpisodeButton(props: {
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} />
{t("player.nextEpisode.next")}
{t(`player.nextEpisode.next${seconds > 0 ? ` in ${seconds}` : ""}`)}
</Button>
</div>
</Transition>