atlp-rwanda/hackers-ec-Fe

View on GitHub
src/hooks/UseScrollBarRemove.tsx

Summary

Maintainability
A
0 mins
Test Coverage
A
95%
import { useEffect } from 'react';
interface ScrollBarRemoveProps {
    isVisible: boolean;
    children: React.ReactNode;
}
function UseScrollBarRemove({ isVisible, children }: ScrollBarRemoveProps) {
    useEffect(() => {
        if (isVisible) {
            document.body.style.overflow = 'hidden';
        } else {
            document.body.style.overflow = 'auto';
        }
        return () => {
            document.body.style.overflow = 'auto';
        };
    }, [isVisible]);
    return <div>{children}</div>;
}

export default UseScrollBarRemove;