From 94d68b5c9102f4171457e8e6097607f6fe30e27e Mon Sep 17 00:00:00 2001
From: Alvalen <alvalen.shafel04@gmail.com>
Date: Fri, 19 Apr 2024 20:11:35 +0700
Subject: [PATCH] fix: image background conditional rendering

---
 app/about/(spotify)/card.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/about/(spotify)/card.jsx b/app/about/(spotify)/card.jsx
index 735c674..04c654c 100644
--- a/app/about/(spotify)/card.jsx
+++ b/app/about/(spotify)/card.jsx
@@ -32,6 +32,7 @@ useEffect(() => {
 				</div>
 			) : (
 				<div className="relative w-full mb-8 grid grid-cols-2  gap-2 border-2 border-gray-500 p-4 rounded-lg backdrop-filter backdrop-blur-lg bg-white bg-opacity-30">
+					{result.isPlaying && (
 					<Image
 						src={result.albumImageUrl}
 						alt="backgroundImage"
@@ -39,6 +40,7 @@ useEffect(() => {
 						objectFit="cover"
 						className="z-0 opacity-20 absolute"
 					/>
+					)}
 					<div className="z-10  flex items-center">
 						<FontAwesomeIcon
 							icon={faSpotify}