From 94faa0231c07e3a81979061ef173315a4ed8a783 Mon Sep 17 00:00:00 2001
From: kirbo <gpgsign@kirbo.zip>
Date: Sat, 8 Jun 2024 10:32:53 -0700
Subject: [PATCH] correctly reset overflow

---
 src/pages/Discover.tsx | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index c64524386..270fbcdb5 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -300,20 +300,14 @@ export function Discover() {
   }
 
   const [isHovered, setIsHovered] = useState(false);
-
-  const handleMouseEnter = () => {
-    document.body.style.overflow = "hidden";
-    setIsHovered(true);
-  };
-
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
+  const toggleHover = (isHovering: boolean) => setIsHovered(isHovering);
 
   useEffect(() => {
-    if (!isHovered) {
+    document.body.style.overflow = isHovered ? "hidden" : "auto";
+
+    return () => {
       document.body.style.overflow = "auto";
-    }
+    };
   }, [isHovered]);
 
   function renderMovies(medias: Media[], category: string, isTVShow = false) {
@@ -344,8 +338,8 @@ export function Discover() {
           ref={(el) => {
             carouselRefs.current[categorySlug] = el;
           }}
-          onMouseEnter={handleMouseEnter}
-          onMouseLeave={handleMouseLeave}
+          onMouseEnter={() => toggleHover(true)}
+          onMouseLeave={() => toggleHover(false)}
           onWheel={(e) => handleWheel(e, categorySlug)}
         >
           {medias