pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Merge pull request #43 from returnkirbo/fix-overflow
Correctly Reset Body Overflow
authored by
Captain Jack Sparrow
and committed by
GitHub
d1d1f113
147fad59
+7
-13
+7
-13
src/pages/Discover.tsx
+7
-13
src/pages/Discover.tsx
···
300
300
}
301
301
302
302
const [isHovered, setIsHovered] = useState(false);
303
-
304
-
const handleMouseEnter = () => {
305
-
document.body.style.overflow = "hidden";
306
-
setIsHovered(true);
307
-
};
308
-
309
-
const handleMouseLeave = () => {
310
-
setIsHovered(false);
311
-
};
303
+
const toggleHover = (isHovering: boolean) => setIsHovered(isHovering);
312
304
313
305
useEffect(() => {
314
-
if (!isHovered) {
306
+
document.body.style.overflow = isHovered ? "hidden" : "auto";
307
+
308
+
return () => {
315
309
document.body.style.overflow = "auto";
316
-
}
310
+
};
317
311
}, [isHovered]);
318
312
319
313
function renderMovies(medias: Media[], category: string, isTVShow = false) {
···
344
338
ref={(el) => {
345
339
carouselRefs.current[categorySlug] = el;
346
340
}}
347
-
onMouseEnter={handleMouseEnter}
348
-
onMouseLeave={handleMouseLeave}
341
+
onMouseEnter={() => toggleHover(true)}
342
+
onMouseLeave={() => toggleHover(false)}
349
343
onWheel={(e) => handleWheel(e, categorySlug)}
350
344
>
351
345
{medias