7 files changed, 30 insertions, 23 deletions
diff --git a/components/anime/viewMode/thumbnailDetail.js b/components/anime/viewMode/thumbnailDetail.js
index 296e0d2..db18651 100644
--- a/components/anime/viewMode/thumbnailDetail.js
+++ b/components/anime/viewMode/thumbnailDetail.js
@@ -31,7 +31,7 @@ export default function ThumbnailDetail({
           {image && (
             <Image
               src={image || ""}
-              alt="Anime Cover"
+              alt={`Episode ${epi?.number} Thumbnail`}
               width={1000}
               height={1000}
               className="object-cover z-30 rounded-lg h-[110px] lg:h-[160px] brightness-[65%]"
@@ -68,7 +68,7 @@ export default function ThumbnailDetail({
         className={`w-[70%] h-full select-none p-4 flex flex-col justify-center gap-3`}
       >
         <h1 className="font-karla font-bold text-base lg:text-lg xl:text-xl italic line-clamp-1">
-          {title}
+          {title || `Episode ${epi?.number}`}
         </h1>
         {description && (
           <p className="line-clamp-2 text-xs lg:text-md xl:text-lg italic font-outfit font-extralight">
diff --git a/components/manga/leftBar.js b/components/manga/leftBar.js
index 272b07a..17acd55 100644
--- a/components/manga/leftBar.js
+++ b/components/manga/leftBar.js
@@ -80,7 +80,7 @@ export function LeftBar({ data, page, info, currentId, setSeekPage }) {
                             onClick={() => setSeekPage(x.index)}
                           >
                             <Image
-                              src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent(
+                              src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
                                 x.url
                               )}&headers=${encodeURIComponent(
                                 JSON.stringify({ Referer: x.headers.Referer })
diff --git a/components/manga/mobile/bottomBar.js b/components/manga/mobile/bottomBar.js
index a388f17..6493dca 100644
--- a/components/manga/mobile/bottomBar.js
+++ b/components/manga/mobile/bottomBar.js
@@ -99,7 +99,7 @@ export default function BottomBar({
                       onClick={() => setSeekPage(x.index)}
                     >
                       <Image
-                        src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent(
+                        src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
                           x.url
                         )}&headers=${encodeURIComponent(
                           JSON.stringify({ Referer: x.headers.Referer })
diff --git a/components/manga/panels/firstPanel.js b/components/manga/panels/firstPanel.js
index 29484be..f1ee859 100644
--- a/components/manga/panels/firstPanel.js
+++ b/components/manga/panels/firstPanel.js
@@ -124,7 +124,7 @@ export default function FirstPanel({
               ref={(el) => (imageRefs.current[index] = el)}
             >
               <Image
-                src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent(
+                src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
                   i.url
                 )}&headers=${encodeURIComponent(
                   JSON.stringify({ Referer: i.headers.Referer })
@@ -139,7 +139,8 @@ export default function FirstPanel({
           ))
         ) : (
           <div className="w-full flex-center h-full">
-            {data.error || "Not found"} :(
+            {/* {data.error || "Not found"} :( */}
+            <p dangerouslySetInnerHTML={{ __html: data }} />
           </div>
         )}
       </div>
diff --git a/components/manga/panels/secondPanel.js b/components/manga/panels/secondPanel.js
index 6048fb4..9323822 100644
--- a/components/manga/panels/secondPanel.js
+++ b/components/manga/panels/secondPanel.js
@@ -125,7 +125,7 @@ export default function SecondPanel({
                   width={500}
                   height={500}
                   className="w-1/2 h-screen object-contain"
-                  src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent(
+                  src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
                     image[image.length - index - 2]?.url
                   )}&headers=${encodeURIComponent(
                     JSON.stringify({
@@ -140,7 +140,7 @@ export default function SecondPanel({
                 width={500}
                 height={500}
                 className="w-1/2 h-screen object-contain"
-                src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent(
+                src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
                   image[image.length - index - 1]?.url
                 )}&headers=${encodeURIComponent(
                   JSON.stringify({
diff --git a/components/manga/panels/thirdPanel.js b/components/manga/panels/thirdPanel.js
index 7dff76b..d402f07 100644
--- a/components/manga/panels/thirdPanel.js
+++ b/components/manga/panels/thirdPanel.js
@@ -117,7 +117,7 @@ export default function ThirdPanel({
                 height={500}
                 className="w-full h-screen object-contain"
                 onClick={() => setMobileVisible(!mobileVisible)}
-                src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent(
+                src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent(
                   image[image.length - index - 1]?.url
                 )}&headers=${encodeURIComponent(
                   JSON.stringify({
diff --git a/components/manga/rightBar.js b/components/manga/rightBar.js
index 18c5e55..82d577d 100644
--- a/components/manga/rightBar.js
+++ b/components/manga/rightBar.js
@@ -12,6 +12,8 @@ export default function RightBar({
   id,
   hasRun,
   session,
+  data,
+  error,
   currentChapter,
   paddingX,
   setPaddingX,
@@ -72,21 +74,25 @@ export default function RightBar({
       >
         <ExclamationCircleIcon className="w-6 h-6" />
       </div>
-      <div className="flex flex-col gap-3 w-full">
-        <h1 className="font-karla font-bold xl:text-lg">Reading mode</h1>
-        <div className="flex relative">
-          <select
-            className="bg-[#161617] text-sm xl:text-base cursor-pointer w-full p-1 px-3 font-karla rounded-md appearance-none"
-            defaultValue={layout}
-            onChange={changeMode}
-          >
-            <option value={1}>Vertical</option>
-            <option value={2}>Right to Left</option>
-            <option value={3}>Right to Left {"(1 Page)"}</option>
-          </select>
-          <ChevronDownIcon className="w-5 h-5 text-white absolute inset-0 my-auto mx-52" />
+      {Array.isArray(data) ? (
+        <div className="flex flex-col gap-3 w-full">
+          <h1 className="font-karla font-bold xl:text-lg">Reading mode</h1>
+          <div className="flex relative">
+            <select
+              className="bg-[#161617] text-sm xl:text-base cursor-pointer w-full p-1 px-3 font-karla rounded-md appearance-none"
+              defaultValue={layout}
+              onChange={changeMode}
+            >
+              <option value={1}>Vertical</option>
+              <option value={2}>Right to Left</option>
+              <option value={3}>Right to Left {"(1 Page)"}</option>
+            </select>
+            <ChevronDownIcon className="w-5 h-5 text-white absolute inset-0 my-auto mx-52" />
+          </div>
         </div>
-      </div>
+      ) : (
+        ""
+      )}
       {/* Zoom */}
       <div className="flex flex-col gap-3 w-full">
         <h1 className="font-karla font-bold xl:text-lg">Scale Image</h1>