diff options
Diffstat (limited to 'components/anime/viewMode')
| -rw-r--r-- | components/anime/viewMode/thumbnailDetail.js | 10 | ||||
| -rw-r--r-- | components/anime/viewMode/thumbnailOnly.js | 10 |
2 files changed, 16 insertions, 4 deletions
diff --git a/components/anime/viewMode/thumbnailDetail.js b/components/anime/viewMode/thumbnailDetail.js index 494a89f..d8cbfcc 100644 --- a/components/anime/viewMode/thumbnailDetail.js +++ b/components/anime/viewMode/thumbnailDetail.js @@ -18,6 +18,12 @@ export default function ThumbnailDetail({ let prog = (time / duration) * 100; if (prog > 90) prog = 100; + const parsedImage = image + ? image?.includes("null") + ? info.coverImage?.extraLarge + : image + : info.coverImage?.extraLarge || null; + return ( <Link key={index} @@ -28,9 +34,9 @@ export default function ThumbnailDetail({ > <div className="w-[43%] lg:w-[30%] relative shrink-0 z-40 rounded-lg overflow-hidden shadow-[4px_0px_5px_0px_rgba(0,0,0,0.3)]"> <div className="relative"> - {image && ( + {parsedImage && ( <Image - src={image || ""} + src={parsedImage || ""} alt={`Episode ${epi?.number} Thumbnail`} width={520} height={236} diff --git a/components/anime/viewMode/thumbnailOnly.js b/components/anime/viewMode/thumbnailOnly.js index 1b403fa..c7fe674 100644 --- a/components/anime/viewMode/thumbnailOnly.js +++ b/components/anime/viewMode/thumbnailOnly.js @@ -14,6 +14,12 @@ export default function ThumbnailOnly({ const duration = artStorage?.[episode?.id]?.duration; let prog = (time / duration) * 100; if (prog > 90) prog = 100; + + const parsedImage = image + ? image?.includes("null") + ? info.coverImage?.extraLarge + : image + : info.coverImage?.extraLarge || null; return ( <Link // key={index} @@ -37,9 +43,9 @@ export default function ThumbnailOnly({ }} /> {/* <div className="absolute inset-0 bg-black z-30 opacity-20" /> */} - {image && ( + {parsedImage && ( <Image - src={image || ""} + src={parsedImage || ""} alt={`Episode ${episode?.number} Thumbnail`} width={500} height={500} |