From df7dcb6b5d117c5df9e902233a27283cb1c250a1 Mon Sep 17 00:00:00 2001 From: Factiven Date: Mon, 15 May 2023 19:56:04 +0700 Subject: Update v3.5.6 > Added Episode selector --- pages/anime/watch/[...info].js | 90 +++++++++++++++++++++++++++++++++++------- 1 file changed, 76 insertions(+), 14 deletions(-) (limited to 'pages/anime/watch') diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js index 13b9980..29adfd5 100644 --- a/pages/anime/watch/[...info].js +++ b/pages/anime/watch/[...info].js @@ -12,6 +12,8 @@ import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; import "react-loading-skeleton/dist/skeleton.css"; import { Navigasi } from "../.."; +import { ChevronDownIcon, ForwardIcon } from "@heroicons/react/24/solid"; +import { useRouter } from "next/router"; const VideoPlayer = dynamic(() => import("../../../components/videoPlayer", { ssr: false }) @@ -28,6 +30,8 @@ export default function Info({ sessions, id, aniId, provider }) { const [playingTitle, setPlayingTitle] = useState(null); const [poster, setPoster] = useState(null); + const router = useRouter(); + useEffect(() => { const defaultState = { epiData: null, @@ -276,7 +280,7 @@ export default function Info({ sessions, id, aniId, provider }) { return ( <> - {playingTitle} + {playingTitle || "Loading..."} @@ -308,21 +312,79 @@ export default function Info({ sessions, id, aniId, provider }) { data.episodes.length > 0 ? ( data.episodes .filter((items) => items.id == id) - .map((item) => ( -
-
- ( +
+
+
+ + {item.title || + data.title.romaji || + data.title.english} + +
+

+ Episode {item.number} +

+
+
+
+ + +
+
-

- Episode {item.number} -

)) ) : ( -- cgit v1.2.3