From 742d807b59855ca6f9ace0da90192f8e3eed4f2c Mon Sep 17 00:00:00 2001 From: Factiven Date: Thu, 20 Jul 2023 17:54:58 +0700 Subject: Update v3.6.7 > Fixed Schedule --- pages/id/anime/[...id].js | 804 +++++++++++++++++++------------------- pages/id/anime/watch/[...info].js | 469 +++++++++++----------- 2 files changed, 633 insertions(+), 640 deletions(-) (limited to 'pages/id/anime') diff --git a/pages/id/anime/[...id].js b/pages/id/anime/[...id].js index 8a52e4b..e5a26f8 100644 --- a/pages/id/anime/[...id].js +++ b/pages/id/anime/[...id].js @@ -1,4 +1,4 @@ -import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; +import Skeleton from "react-loading-skeleton"; import { ChevronDownIcon, @@ -291,123 +291,60 @@ export default function Info({ info, color, api }) { )} - - -
-
-
- {info ? ( - banner anime - ) : ( -
- )} -
-
- {/* Mobile */} + +
+
+
+ {info ? ( + banner anime + ) : ( +
+ )} +
+
+ {/* Mobile */} -
-
-

- {info?.title?.romaji || info?.title?.english} -

-

-

- {info?.genres - ?.slice( - 0, - info?.genres?.length > 3 ? info?.genres?.length : 3 - ) - .map((item, index) => ( - - {item} - - ))} -
- {info && ( -
-
- -
- -
-
-
- )} -
-
-
- {info && info.status !== "NOT_YET_RELEASED" ? ( - <> -
- -

{info?.type}

-
-
- -

{info?.averageScore}%

-
-
- - {info?.episodes ? ( -

{info?.episodes} Episodes

- ) : ( -

TBA

- )} -
- - ) : ( -
{info && "Not Yet Released"}
- )} -
+
+
+

+ {info?.title?.romaji || info?.title?.english} +

+

+

+ {info?.genres + ?.slice( + 0, + info?.genres?.length > 3 ? info?.genres?.length : 3 + ) + .map((item, index) => ( + + {item} + + ))}
-
- - {/* PC */} -
-
- {info ? ( - <> -
- poster anime + {info && ( +
+
+
+ +
+
+
+ )} +
+
+
+ {info && info.status !== "NOT_YET_RELEASED" ? ( + <> +
+ +

{info?.type}

+
+
+ +

{info?.averageScore}%

+
+
+ + {info?.episodes ? ( +

{info?.episodes} Episodes

+ ) : ( +

TBA

+ )} +
) : ( - +
{info && "Not Yet Released"}
)}
+
+
- {/* PC */} -
-
-

- {info ? ( - info?.title?.romaji || info?.title?.english - ) : ( - - )} -

+ {/* PC */} +
+
+ {info ? ( + <> +
+ poster anime + + + ) : ( + + )} +
+ + {/* PC */} +
+
+

{info ? ( -
- {info?.episodes && ( -
- {info?.episodes} Episodes -
- )} - {info?.startDate?.year && ( -
- {info?.startDate?.year} -
- )} - {info?.averageScore && ( -
- {info?.averageScore}% -
- )} - {info?.type && ( -
- {info?.type} -
- )} - {info?.status && ( -
- {info?.status} -
- )} + info?.title?.romaji || info?.title?.english + ) : ( + + )} +

+ {info ? ( +
+ {info?.episodes && (
- Sub | EN + {info?.episodes} Episodes
+ )} + {info?.startDate?.year && ( +
+ {info?.startDate?.year} +
+ )} + {info?.averageScore && ( +
+ {info?.averageScore}% +
+ )} + {info?.type && ( +
+ {info?.type} +
+ )} + {info?.status && ( +
+ {info?.status} +
+ )} +
+ Sub | EN
- ) : ( - - )} -
- {info ? ( -

+

) : ( - + )}
+ {info ? ( +

+ ) : ( + + )}

+
-
-
- {info?.relations?.edges?.length > 0 && ( -
- Relations -
- )} - {info?.relations?.edges?.length > 3 && ( -
setShowAll(!showAll)} - > - {showAll ? "show less" : "show more"} -
- )} -
-
- {info?.relations?.edges ? ( - info?.relations?.edges - .slice(0, showAll ? info?.relations?.edges.length : 3) - .map((r, index) => { - const rel = r.node; - return ( - +
+ {info?.relations?.edges?.length > 0 && ( +
+ Relations +
+ )} + {info?.relations?.edges?.length > 3 && ( +
setShowAll(!showAll)} + > + {showAll ? "show less" : "show more"} +
+ )} +
+
+ {info?.relations?.edges ? ( + info?.relations?.edges + .slice(0, showAll ? info?.relations?.edges.length : 3) + .map((r, index) => { + const rel = r.node; + return ( + +
-
-
- {rel.id} +
+ {rel.id} +
+
+
+ {r.relationType}
-
-
- {r.relationType} -
-
- {rel.title.userPreferred || rel.title.romaji} -
-
{rel.type}
+
+ {rel.title.userPreferred || rel.title.romaji}
+
{rel.type}
- - ); - }) - ) : ( - <> - {[1, 2, 3].map((item) => ( -
- -
- ))} -
+
+ + ); + }) + ) : ( + <> + {[1, 2, 3].map((item) => ( +
- - )} -
+ ))} +
+ +
+ + )}
-
-
-
-
- {info && ( -

- Episodes -

- )} - {info?.nextAiringEpisode && ( -
-
-

Next :

-
- {time} -
-
-
- +
+
+
+
+
+ {info && ( +

+ Episodes +

+ )} + {info?.nextAiringEpisode && ( +
+
+

Next :

+
+ {time}
- )} -
- {episode?.length > 50 && ( -
setVisible(!visible)} - > - - - +
+ +
)}
{episode?.length > 50 && (
setVisible(!visible)} > -
- {episode?.length > 50 && ( -
-

Episodes

- - -
- )} -
+ + +
)}
- {!loading ? ( - Array.isArray(episode) ? ( - episode && ( -
- {episode?.length !== 0 && episode ? ( -
50 && ( +
+
+ {episode?.length > 50 && ( +
+

Episodes

+ + +
+ )}
)}
+ {!loading ? ( + Array.isArray(episode) ? ( + episode && ( +
+ {episode?.length !== 0 && episode ? ( +
+ {episode + .slice(firstEpisodeIndex, lastEpisodeIndex) + .map((epi, index) => { + return ( +
+ +

{epi.epsTitle}

+ + {index !== episode?.length - 1 && ( + + )} +
+ ); + })} +
+ ) : ( +

No Episodes Available

+ )} +
+ ) + ) : ( +
+ 
+                      
+                        {episode?.message || "Anime tidak tersedia :/"}
+                      
+
+
+ ) + ) : ( +
+
+
+
+
+
+
+
+ )}
- {info && rec?.length !== 0 && ( -
- -
- )}
- - + {info && rec?.length !== 0 && ( +
+ +
+ )} +
+ ); } diff --git a/pages/id/anime/watch/[...info].js b/pages/id/anime/watch/[...info].js index 89fd3a6..06269ab 100644 --- a/pages/id/anime/watch/[...info].js +++ b/pages/id/anime/watch/[...info].js @@ -7,7 +7,7 @@ import dynamic from "next/dynamic"; import { getServerSession } from "next-auth/next"; import { authOptions } from "../../../api/auth/[...nextauth]"; -import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; +import Skeleton from "react-loading-skeleton"; import { Navigasi } from "../.."; import { ChevronDownIcon, ForwardIcon } from "@heroicons/react/24/solid"; @@ -198,261 +198,258 @@ export default function Info({ sessions, id, aniId, provider, api, proxy }) { {playingTitle || "Loading..."} - -
- -
-
- {loading ? ( - Array.isArray(epiData) ? ( -
- -
- ) : ( -
-

- Whoops! Something went wrong. Please reload the page or - try other sources. {`:(`} -

-
- ) +
+ +
+
+ {loading ? ( + Array.isArray(epiData) ? ( +
+ +
) : ( -
- )} -
- {data && data?.episodes.length > 0 ? ( - data.episodes - .filter((items) => items.number == currentNumber) - .map((item, index) => ( -
-
-
- - {item.title || - data.title.romaji || - data.title.english} - -
-

- Episode {item.number} -

-
-
-
- - -
- + {item.title || + data.title.romaji || + data.title.english} +
+

+ Episode {item.number} +

- )) - ) : ( -
-
-
- -
-
-

- -

-
- )} -
- -
-
- {data ? ( - Anime Cover - ) : ( - - )} -
-
-
-

- Studios -

-
- {data ? data.studios : } -
-
-
- +
+ +
+
-
-

- Status -

-
{data ? data.status : }
-
-
-

- Titles -

-
- {data ? ( - <> -
- {data.title.romaji || ""} -
-
- {data.title.english || ""} -
-
- {data.title.native || ""} -
- - ) : ( - - )} -
+ )) + ) : ( +
+
+
+
+

+ +

-
- {data && - data.genres.map((item, index) => ( -
- {item} -
- ))} -
-
- {data && ( -

+ +

+
+ {data ? ( + Anime Cover + ) : ( + )}
+
+
+

+ Studios +

+
+ {data ? data.studios : } +
+
+
+ + + +
+
+
+
+

+ Status +

+
{data ? data.status : }
+
+
+

+ Titles +

+
+ {data ? ( + <> +
+ {data.title.romaji || ""} +
+
+ {data.title.english || ""} +
+
+ {data.title.native || ""} +
+ + ) : ( + + )} +
+
+
-
-
-

- Up Next -

-
- {data && data?.episodes.length > 0 ? ( - episode.map((item, index) => { - return ( - - Episode {index + 1} - - ); - }) - ) : ( - <> - {[1].map((item) => ( - - ))} - +
+ {data && + data.genres.map((item, index) => ( +
+ {item} +
+ ))} +
+
+ {data && ( +

)}

+
+

+ Up Next +

+
+ {data && data?.episodes.length > 0 ? ( + episode.map((item, index) => { + return ( + + Episode {index + 1} + + ); + }) + ) : ( + <> + {[1].map((item) => ( + + ))} + + )} +
+
- +
); } -- cgit v1.2.3