Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-19 07:02:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #43 from returnkirbo/fix-overflow

Browse source 
Correctly Reset Body Overflow
This commit is contained in:
Captain Jack Sparrow 2024-06-08 16:11:13 -04:00 committed by GitHub
commit d1d1f113fd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/pages/Discover.tsx
View file

@ -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