diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx index 1dab9a397..ec08ed8c1 100644 --- a/src/pages/Discover.tsx +++ b/src/pages/Discover.tsx @@ -293,7 +293,7 @@ export function Discover() { isScrolling = true; const carousel = carouselRefs.current[categorySlug]; - if (carousel) { + if (carousel && !e.deltaX) { const movieElements = carousel.getElementsByTagName("a"); if (movieElements.length > 0) { const posterWidth = movieElements[0].offsetWidth; @@ -312,23 +312,6 @@ export function Discover() { }, 345); // Disable scrolling every 3 milliseconds after interaction (only for mouse wheel doe) } - const [isHovered, setIsHovered] = useState(false); - - useEffect(() => { - if (!isHovered) { - document.body.style.overflow = "auto"; - } - }, [isHovered]); - - const handleMouseEnter = () => { - document.body.style.overflow = "hidden"; - setIsHovered(true); - }; - - const handleMouseLeave = () => { - setIsHovered(false); - }; - function renderMovies(medias: Media[], category: string, isTVShow = false) { const categorySlug = `${category.toLowerCase().replace(/ /g, "-")}${Math.random()}`; // Convert the category to a slug const displayCategory = @@ -357,9 +340,6 @@ export function Discover() { ref={(el) => { carouselRefs.current[categorySlug] = el; }} - onMouseEnter={handleMouseEnter} - onMouseLeave={handleMouseLeave} - onWheel={(e) => handleWheel(e, categorySlug)} > {medias .filter((media, index, self) => {