From 1c0e1cfe1405c881b657538ee1a5870866cdbd4e Mon Sep 17 00:00:00 2001
From: tejaspanchall <tejaspanchal127@gmail.com>
Date: Mon, 23 Jun 2025 19:44:41 +0530
Subject: [PATCH] resolved useEffect

---
 src/components/AnimeCard.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/AnimeCard.js b/src/components/AnimeCard.js
index cd64546..14952c0 100644
--- a/src/components/AnimeCard.js
+++ b/src/components/AnimeCard.js
@@ -11,13 +11,6 @@ export default function AnimeCard({ anime, isRecent }) {
   const [isLoading, setIsLoading] = useState(false);
   const timerRef = useRef(null);
   
-  if (!anime) return null;
-  
-  const handleImageError = () => {
-    console.log("Image error for:", anime.name);
-    setImageError(true);
-  };
-  
   // Fetch first episode ID when component mounts for recent anime
   useEffect(() => {
     const fetchFirstEpisode = async () => {
@@ -71,6 +64,13 @@ export default function AnimeCard({ anime, isRecent }) {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
   }, [anime?.id, anime?.name, isRecent, firstEpisodeId, isLoading]);
+
+  if (!anime) return null;
+  
+  const handleImageError = () => {
+    console.log("Image error for:", anime.name);
+    setImageError(true);
+  };
   
   // Get image URL with fallback
   const imageSrc = imageError ? '/images/placeholder.png' : anime.poster;