From 7327a69b55a20b99b14ee0803d6cf5f8b88c45ef Mon Sep 17 00:00:00 2001
From: Factiven <factiven.org@gmail.com>
Date: Wed, 13 Sep 2023 00:45:53 +0700
Subject: Update v4 - Merge pre-push to main (#71)

* Create build-test.yml

* initial v4 commit

* update: github workflow

* update: push on branch

* Update .github/ISSUE_TEMPLATE/bug_report.md

* configuring next.config.js file
---
 components/anime/viewMode/thumbnailDetail.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

(limited to 'components/anime/viewMode/thumbnailDetail.js')

diff --git a/components/anime/viewMode/thumbnailDetail.js b/components/anime/viewMode/thumbnailDetail.js
index 6efeb77..296e0d2 100644
--- a/components/anime/viewMode/thumbnailDetail.js
+++ b/components/anime/viewMode/thumbnailDetail.js
@@ -5,6 +5,9 @@ export default function ThumbnailDetail({
   index,
   epi,
   info,
+  image,
+  title,
+  description,
   provider,
   artStorage,
   progress,
@@ -25,13 +28,15 @@ 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
-            src={epi?.image}
-            alt="Anime Cover"
-            width={1000}
-            height={1000}
-            className="object-cover z-30 rounded-lg h-[110px] lg:h-[160px] brightness-[65%]"
-          />
+          {image && (
+            <Image
+              src={image || ""}
+              alt="Anime Cover"
+              width={1000}
+              height={1000}
+              className="object-cover z-30 rounded-lg h-[110px] lg:h-[160px] brightness-[65%]"
+            />
+          )}
           <span
             className={`absolute bottom-0 left-0 h-[2px] bg-red-700`}
             style={{
@@ -63,11 +68,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">
-          {epi?.title}
+          {title}
         </h1>
-        {epi?.description && (
+        {description && (
           <p className="line-clamp-2 text-xs lg:text-md xl:text-lg italic font-outfit font-extralight">
-            {epi?.description}
+            {description}
           </p>
         )}
       </div>
-- 
cgit v1.2.3