diff options
Diffstat (limited to 'components/anime/viewMode/thumbnailOnly.js')
| -rw-r--r-- | components/anime/viewMode/thumbnailOnly.js | 30 |
1 files changed, 11 insertions, 19 deletions
diff --git a/components/anime/viewMode/thumbnailOnly.js b/components/anime/viewMode/thumbnailOnly.js index 99f02bd..69cd8c3 100644 --- a/components/anime/viewMode/thumbnailOnly.js +++ b/components/anime/viewMode/thumbnailOnly.js @@ -3,6 +3,7 @@ import Link from "next/link"; export default function ThumbnailOnly({ info, + image, providerId, episode, artStorage, @@ -35,25 +36,16 @@ export default function ThumbnailOnly({ : "0%", }} /> - <div className="absolute inset-0 bg-black z-30 opacity-20" /> - <Image - // src={ - // providerId === "animepahe" - // ? `https://img.moopa.live/image-proxy?url=${encodeURIComponent( - // episode.img - // )}&headers=${encodeURIComponent( - // JSON.stringify({ Referer: "https://animepahe.com/" }) - // )}` - // : thumbnail?.img.includes("null") - // ? info.coverImage.large - // : thumbnail?.img || info.coverImage.large - // } - src={episode?.image} - alt="epi image" - width={500} - height={500} - className="object-cover w-full h-[150px] sm:h-[100px] z-20" - /> + {/* <div className="absolute inset-0 bg-black z-30 opacity-20" /> */} + {image && ( + <Image + src={image || ""} + alt="epi image" + width={500} + height={500} + className="object-cover w-full h-[150px] sm:h-[100px] z-20 brightness-75" + /> + )} </Link> ); } |