2 files changed, 25 insertions, 13 deletions
diff --git a/components/anime/viewMode/thumbnailDetail.js b/components/anime/viewMode/thumbnailDetail.js
index d8cbfcc..f955fec 100644
--- a/components/anime/viewMode/thumbnailDetail.js
+++ b/components/anime/viewMode/thumbnailDetail.js
@@ -1,3 +1,4 @@
+import { parseImageProxy } from "@/utils/imageUtils";
 import Image from "next/image";
 import Link from "next/link";
 
@@ -5,7 +6,7 @@ export default function ThumbnailDetail({
   index,
   epi,
   info,
-  image,
+  // image,
   title,
   description,
   provider,
@@ -18,10 +19,10 @@ export default function ThumbnailDetail({
   let prog = (time / duration) * 100;
   if (prog > 90) prog = 100;
 
-  const parsedImage = image
-    ? image?.includes("null")
+  const parsedImage = epi?.img
+    ? epi?.img?.includes("null")
       ? info.coverImage?.extraLarge
-      : image
+      : epi?.img
     : info.coverImage?.extraLarge || null;
 
   return (
@@ -36,7 +37,12 @@ export default function ThumbnailDetail({
         <div className="relative">
           {parsedImage && (
             <Image
-              src={parsedImage || ""}
+              src={
+                parseImageProxy(
+                  parsedImage,
+                  provider === "animepahe" ? "https://animepahe.ru" : undefined
+                ) || ""
+              }
               alt={`Episode ${epi?.number} Thumbnail`}
               width={520}
               height={236}
@@ -74,11 +80,11 @@ 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 || `Episode ${epi?.number || 0}`}
+          {epi?.title || `Episode ${epi?.number || 0}`}
         </h1>
-        {description && (
+        {epi?.description && (
           <p className="line-clamp-2 text-xs lg:text-md xl:text-lg italic font-outfit font-extralight">
-            {description}
+            {epi?.description}
           </p>
         )}
       </div>
diff --git a/components/anime/viewMode/thumbnailOnly.js b/components/anime/viewMode/thumbnailOnly.js
index c7fe674..06a92f5 100644
--- a/components/anime/viewMode/thumbnailOnly.js
+++ b/components/anime/viewMode/thumbnailOnly.js
@@ -1,9 +1,10 @@
 import Image from "next/image";
 import Link from "next/link";
+import { parseImageProxy } from "../../../utils/imageUtils";
 
 export default function ThumbnailOnly({
   info,
-  image,
+  // image,
   providerId,
   episode,
   artStorage,
@@ -15,10 +16,10 @@ export default function ThumbnailOnly({
   let prog = (time / duration) * 100;
   if (prog > 90) prog = 100;
 
-  const parsedImage = image
-    ? image?.includes("null")
+  const parsedImage = episode?.img
+    ? episode?.img?.includes("null")
       ? info.coverImage?.extraLarge
-      : image
+      : episode?.img
     : info.coverImage?.extraLarge || null;
   return (
     <Link
@@ -45,7 +46,12 @@ export default function ThumbnailOnly({
       {/* <div className="absolute inset-0 bg-black z-30 opacity-20" /> */}
       {parsedImage && (
         <Image
-          src={parsedImage || ""}
+          src={
+            parseImageProxy(
+              parsedImage,
+              providerId === "animepahe" ? "https://animepahe.ru" : undefined
+            ) || ""
+          }
           alt={`Episode ${episode?.number} Thumbnail`}
           width={500}
           height={500}