dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

correctly reset overflow

This commit is contained in:
kirbo 2024-06-08 10:32:53 -07:00
parent 147fad59e3
commit 94faa0231c
No known key found for this signature in database
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