From 42791f3b0617b7d3b5b21796b2bc87ff521f65ee Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Thu, 29 Jun 2023 04:49:01 +0000
Subject: fixed empty section on homepage when using AniList

---
 pages/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'pages/index.js')

diff --git a/pages/index.js b/pages/index.js
index 1c65970..755aa2d 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -455,7 +455,7 @@ export default function Home({ detail, populars, sessions }) {
             animate={{ opacity: 1 }}
             transition={{ duration: 0.5, staggerChildren: 0.2 }} // Add staggerChildren prop
           >
-            {sessions && onGoing && (
+            {sessions && onGoing.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="onGoing"
                 initial={{ y: 20, opacity: 0 }}
@@ -472,7 +472,7 @@ export default function Home({ detail, populars, sessions }) {
               </motion.div>
             )}
 
-            {sessions && list && (
+            {sessions && list.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="listAnime"
                 initial={{ y: 20, opacity: 0 }}
@@ -489,7 +489,7 @@ export default function Home({ detail, populars, sessions }) {
             )}
 
             {/* SECTION 2 */}
-            {sessions && planned && (
+            {sessions && planned.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="plannedAnime"
                 initial={{ y: 20, opacity: 0 }}
-- 
cgit v1.2.3