From d8630f8011dab6c81aee0abbd74d88b2e0176d33 Mon Sep 17 00:00:00 2001
From: Factiven <factiven.org@gmail.com>
Date: Sat, 18 Nov 2023 10:04:17 +0700
Subject: Update pre-v4.3.0 - Merged Branch pre-push-prev4.3.0 to main (#98)

* Update pre-v4.3.0

* Update aniAdvanceSearch.js
---
 components/anime/viewMode/thumbnailDetail.js | 10 ++++++++--
 components/anime/viewMode/thumbnailOnly.js   | 10 ++++++++--
 components/home/content.js                   |  2 +-
 components/watch/secondary/episodeLists.js   |  2 +-
 4 files changed, 18 insertions(+), 6 deletions(-)

(limited to 'components')

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}
diff --git a/components/home/content.js b/components/home/content.js
index 1cf4c5f..d2498f6 100644
--- a/components/home/content.js
+++ b/components/home/content.js
@@ -312,7 +312,7 @@ export default function Content({
                         <Fragment>
                           <Image
                             src="/svg/episode-badge.svg"
-                            alt="episode-bade"
+                            alt="episode-badge"
                             width={200}
                             height={100}
                             className="w-24 lg:w-32 absolute top-1 -right-[12px] lg:-right-[17px] z-40"
diff --git a/components/watch/secondary/episodeLists.js b/components/watch/secondary/episodeLists.js
index 485b43e..a676be0 100644
--- a/components/watch/secondary/episodeLists.js
+++ b/components/watch/secondary/episodeLists.js
@@ -20,7 +20,7 @@ export default function EpisodeLists({
 
   return (
     <div className="w-screen lg:max-w-sm xl:max-w-lg">
-      <div className="flex gap-4 pl-5 pb-5">
+      <div className="flex gap-4 px-3 lg:pl-5 pb-5">
         <button
           disabled={!track?.next}
           onClick={() => {
-- 
cgit v1.2.3