migrate to typescript

7 files changed, 96 insertions, 7 deletions

diff --git a/components/manga/ChaptersComponent.js b/components/manga/ChaptersComponent.js
new file mode 100644
index 0000000..d031c3b
--- /dev/null
+++ b/components/manga/ChaptersComponent.js
@@ -0,0 +1,89 @@
+import { useEffect } from "react";
+import ChapterSelector from "./chapters";
+import axios from "axios";
+import pls from "@/utils/request";
+
+export default function ChaptersComponent({
+  info,
+  mangaId,
+  aniId,
+  setWatch,
+  chapter,
+  setChapter,
+  loading,
+  setLoading,
+  notFound,
+  setNotFound,
+}) {
+  useEffect(() => {
+    setLoading(true);
+  }, [aniId]);
+
+  useEffect(() => {
+    async function fetchData() {
+      try {
+        setLoading(true);
+        // console.log(mangaId);
+
+        if (mangaId) {
+          const Chapters = await pls.get(
+            `https://api.anify.tv/chapters/${mangaId}`
+          );
+          //   console.log("clean this balls");
+
+          if (!Chapters) {
+            setLoading(false);
+            setNotFound(true);
+          } else {
+            setChapter(Chapters);
+            setLoading(false);
+          }
+        }
+      } catch (error) {
+        console.error(error);
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchData();
+  }, [mangaId]);
+
+  return (
+    <div>
+      {!loading ? (
+        notFound ? (
+          <div className="h-[20vh] lg:w-full flex-center flex-col gap-5">
+            <p className="text-center font-karla font-bold lg:text-lg">
+              Oops!<br></br> It looks like this manga is not available.
+            </p>
+          </div>
+        ) : info && chapter && chapter.length > 0 ? (
+          <ChapterSelector
+            chaptersData={chapter}
+            mangaId={mangaId}
+            data={info}
+            setWatch={setWatch}
+          />
+        ) : (
+          <div className="flex justify-center">
+            <div className="lds-ellipsis">
+              <div></div>
+              <div></div>
+              <div></div>
+              <div></div>
+            </div>
+          </div>
+        )
+      ) : (
+        <div className="flex justify-center">
+          <div className="lds-ellipsis">
+            <div></div>
+            <div></div>
+            <div></div>
+            <div></div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/components/manga/chapters.js b/components/manga/chapters.js
index 2150686..4e7e42e 100644
--- a/components/manga/chapters.js
+++ b/components/manga/chapters.js
@@ -89,7 +89,7 @@ const ChapterSelector = ({ chaptersData, data, setWatch, mangaId }) => {
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chapters]);
+  }, [chapters, mangaId]);
 
   return (
     <div className="flex flex-col gap-2 px-3">
diff --git a/components/manga/leftBar.js b/components/manga/leftBar.js
index 5a98115..5485cd2 100644
--- a/components/manga/leftBar.js
+++ b/components/manga/leftBar.js
@@ -93,7 +93,7 @@ export function LeftBar({
                             onClick={() => setSeekPage(index)}
                           >
                             <Image
-                              src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
+                              src={`https://aoi.moopa.live/utils/image-proxy?url=${encodeURIComponent(
                                 x.url
                               )}${
                                 x?.headers?.Referer
diff --git a/components/manga/mobile/bottomBar.js b/components/manga/mobile/bottomBar.js
index 5b28de4..1cde8ed 100644
--- a/components/manga/mobile/bottomBar.js
+++ b/components/manga/mobile/bottomBar.js
@@ -108,7 +108,7 @@ export default function BottomBar({
                       onClick={() => setSeekPage(x.index)}
                     >
                       <Image
-                        src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
+                        src={`https://aoi.moopa.live/utils/image-proxy?url=${encodeURIComponent(
                           x.url
                         )}${
                           x?.headers?.Referer
diff --git a/components/manga/panels/firstPanel.js b/components/manga/panels/firstPanel.js
index 596fa58..8470fd0 100644
--- a/components/manga/panels/firstPanel.js
+++ b/components/manga/panels/firstPanel.js
@@ -141,7 +141,7 @@ export default function FirstPanel({
               ref={(el) => (imageRefs.current[index] = el)}
             >
               <Image
-                src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
+                src={`https://aoi.moopa.live/utils/image-proxy?url=${encodeURIComponent(
                   i.url
                 )}${
                   i?.headers?.Referer
diff --git a/components/manga/panels/secondPanel.js b/components/manga/panels/secondPanel.js
index fa158b2..23a9da0 100644
--- a/components/manga/panels/secondPanel.js
+++ b/components/manga/panels/secondPanel.js
@@ -136,7 +136,7 @@ export default function SecondPanel({
                   width={500}
                   height={500}
                   className="w-1/2 h-screen object-contain"
-                  src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
+                  src={`https://aoi.moopa.live/utils/image-proxy?url=${encodeURIComponent(
                     image[image.length - index - 2]?.url
                   )}${
                     image[image.length - index - 2]?.headers?.Referer
@@ -157,7 +157,7 @@ export default function SecondPanel({
                 width={500}
                 height={500}
                 className="w-1/2 h-screen object-contain"
-                src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
+                src={`https://aoi.moopa.live/utils/image-proxy?url=${encodeURIComponent(
                   image[image.length - index - 1]?.url
                 )}${
                   image[image.length - index - 1]?.headers?.Referer
diff --git a/components/manga/panels/thirdPanel.js b/components/manga/panels/thirdPanel.js
index f13b49d..77bb132 100644
--- a/components/manga/panels/thirdPanel.js
+++ b/components/manga/panels/thirdPanel.js
@@ -127,7 +127,7 @@ export default function ThirdPanel({
                 height={500}
                 className="w-full h-screen object-contain"
                 onClick={() => setMobileVisible(!mobileVisible)}
-                src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
+                src={`https://aoi.moopa.live/utils/image-proxy?url=${encodeURIComponent(
                   image[image.length - index - 1]?.url
                 )}${
                   image[image.length - index - 1]?.headers?.Referer