Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge branch 'discover-filters' into inputs-modal

Browse source
This commit is contained in:
svetlagasheva 2020-02-14 11:49:38 +02:00
commit 52fb392c2a
1 changed files with 1 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/common/ModalDialog/ModalDialog.js
View file

@ -34,18 +34,9 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
event.nativeEvent.closeModalDialogPrevented = true;
}, []);
React.useEffect(() => {
const onWindowResize = (event) => {
if (typeof onCloseRequest === 'function') {
onCloseRequest({
type: 'close',
dataset: dataset,
nativeEvent: event
});
}
};
const onWindowKeyDown = (event) => {
// its `-2` because focus lock render locking divs around its content
if (modalsContainer.childNodes[modalsContainer.childElementCount - 2] === modalContainerRef.current) {
if (event.key === 'Escape' && modalsContainer.childNodes[modalsContainer.childElementCount - 2] === modalContainerRef.current) {
if (typeof onCloseRequest === 'function') {
onCloseRequest({
type: 'close',
@ -55,10 +46,8 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
}
}
};
window.addEventListener('resize', onWindowResize);
window.addEventListener('keydown', onWindowKeyDown);
return () => {
window.removeEventListener('resize', onWindowResize);
window.removeEventListener('keydown', onWindowKeyDown);
};
}, [dataset, onCloseRequest]);