fix: disable scroll on nostr-login popup open

This commit is contained in:
enes 2024-10-21 11:44:26 +02:00
parent 4214fe127f
commit e3b6aecfe8

View File

@ -28,6 +28,18 @@ export const Header = () => {
const { findMetadata } = useNDKContext() const { findMetadata } = useNDKContext()
const userState = useAppSelector((state) => state.user) const userState = useAppSelector((state) => state.user)
// Track nostr-login extension modal open state
const [isOpen, setIsOpen] = useState(false)
const handleOpen = () => setIsOpen(true)
const handleClose = () => setIsOpen(false)
useEffect(() => {
window.addEventListener('nlCloseModal', handleClose)
return () => {
window.removeEventListener('nlCloseModal', handleClose)
}
}, [])
useBodyScrollDisable(isOpen)
useEffect(() => { useEffect(() => {
initNostrLogin({ initNostrLogin({
darkMode: true, darkMode: true,
@ -67,6 +79,7 @@ export const Header = () => {
}, [dispatch, findMetadata]) }, [dispatch, findMetadata])
const handleLogin = () => { const handleLogin = () => {
handleOpen()
launchNostrLoginDialog() launchNostrLoginDialog()
} }