diff --git a/src/pages/discover/components/MediaCarousel.tsx b/src/pages/discover/components/MediaCarousel.tsx index cb9f3f21..7e265a7f 100644 --- a/src/pages/discover/components/MediaCarousel.tsx +++ b/src/pages/discover/components/MediaCarousel.tsx @@ -138,7 +138,7 @@ export function MediaCarousel({ // Set up intersection observer for lazy loading const { targetRef, isIntersecting } = useIntersectionObserver({ - rootMargin: "200px", + rootMargin: "300px", }); // Handle provider/genre selection @@ -300,16 +300,27 @@ export function MediaCarousel({ })(); // Loading state - if (!isIntersecting) { + if (!isIntersecting || !sectionTitle) { return (
}>

- {sectionTitle} + Loading...

+
+
+
+ {Array.from({ length: 10 }).map(() => ( + + ))} +
+
+
); } @@ -522,7 +533,7 @@ export function MediaCarousel({ )) : Array.from({ length: 10 }).map(() => ( ))}