aboutsummaryrefslogtreecommitdiff
path: root/components/anime/episode.js
diff options
context:
space:
mode:
authorFactiven <[email protected]>2023-10-22 19:43:17 +0700
committerGitHub <[email protected]>2023-10-22 19:43:17 +0700
commitf801f8f422954b884a6541321dba0669ee9d6173 (patch)
treee0d5e106b99e9b4e0a4c4bf7bb0464617db85b8d /components/anime/episode.js
parentBump @babel/traverse from 7.22.8 to 7.23.2 (#90) (diff)
downloadmoopa-4.2.0.tar.xz
moopa-4.2.0.zip
Update v4.2.0 (#93)v4.2.0
Diffstat (limited to 'components/anime/episode.js')
-rw-r--r--components/anime/episode.js34
1 files changed, 12 insertions, 22 deletions
diff --git a/components/anime/episode.js b/components/anime/episode.js
index 25ed997..a42307f 100644
--- a/components/anime/episode.js
+++ b/components/anime/episode.js
@@ -4,7 +4,7 @@ import ViewSelector from "./viewSelector";
import ThumbnailOnly from "./viewMode/thumbnailOnly";
import ThumbnailDetail from "./viewMode/thumbnailDetail";
import ListMode from "./viewMode/listMode";
-import { toast } from "react-toastify";
+import { toast } from "sonner";
export default function AnimeEpisode({
info,
@@ -34,16 +34,12 @@ export default function AnimeEpisode({
info.status === "RELEASING" ? "true" : "false"
}${isDub ? "&dub=true" : ""}`
).then((res) => res.json());
- const getMap = response.find((i) => i?.map === true) || response[0];
+ const getMap = response.find((i) => i?.map === true);
let allProvider = response;
if (getMap) {
allProvider = response.filter((i) => {
- if (
- i?.providerId === "gogoanime" &&
- i?.providerId === "9anime" &&
- i?.map !== true
- ) {
+ if (i?.providerId === "gogoanime" && i?.map !== true) {
return null;
}
return i;
@@ -66,9 +62,12 @@ export default function AnimeEpisode({
fetchData();
return () => {
+ setCurrentPage(1);
setProviders(null);
setMapProviders(null);
};
+
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, [info.id, isDub]);
const episodes =
@@ -79,9 +78,7 @@ export default function AnimeEpisode({
const lastEpisodeIndex = currentPage * itemsPerPage;
const firstEpisodeIndex = lastEpisodeIndex - itemsPerPage;
let currentEpisodes = episodes.slice(firstEpisodeIndex, lastEpisodeIndex);
- if (isDub) {
- currentEpisodes = currentEpisodes.filter((i) => i.hasDub === true);
- }
+
const totalPages = Math.ceil(episodes.length / itemsPerPage);
const handleChange = (event) => {
@@ -104,6 +101,7 @@ export default function AnimeEpisode({
) {
setView(3);
}
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, [providerId, episodes]);
useEffect(() => {
@@ -122,6 +120,7 @@ export default function AnimeEpisode({
setWatch(null);
}
}
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, [episodes]);
useEffect(() => {
@@ -157,6 +156,7 @@ export default function AnimeEpisode({
return;
}
}
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, [providerId, artStorage, info.id, session?.user?.name]);
let debounceTimeout;
@@ -173,12 +173,7 @@ export default function AnimeEpisode({
);
if (!res.ok) {
console.log(res);
- toast.error("Something went wrong", {
- position: "bottom-left",
- autoClose: 3000,
- hideProgressBar: true,
- theme: "colored",
- });
+ toast.error("Something went wrong");
setProviders([]);
setLoading(false);
} else {
@@ -213,12 +208,7 @@ export default function AnimeEpisode({
}, 1000);
} catch (err) {
console.log(err);
- toast.error("Something went wrong", {
- position: "bottom-left",
- autoClose: 3000,
- hideProgressBar: true,
- theme: "colored",
- });
+ toast.error("Something went wrong");
}
};