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

refactor(MenuProvider): close menus on resize

Browse source
This commit is contained in:
Tim 2024-02-22 08:01:52 +01:00
parent c460a1edf7
commit 6470a06c57
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/common/Menu/MenuProvider.tsx
View file

@ -1,6 +1,6 @@
// Copyright (C) 2017-2024 Smart code 203358507 // Copyright (C) 2017-2024 Smart code 203358507
import React, { useLayoutEffect, useMemo, useRef, useState } from 'react'; import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
import { createPortal } from 'react-dom'; import { createPortal } from 'react-dom';
import classNames from 'classnames'; import classNames from 'classnames';
import useKeyboardEvent from '../useKeyboardEvent'; import useKeyboardEvent from '../useKeyboardEvent';
@ -70,6 +70,11 @@ const MenuProvider = ({ children, className }: Props) => {
} }
}, [active]); }, [active]);
useEffect(() => {
window.addEventListener('resize', closeAll);
return () => window.removeEventListener('resize', closeAll);
});
useKeyboardEvent('Escape', closeAll); useKeyboardEvent('Escape', closeAll);
useOnClickOutside(container.current && active?.parent ? [container.current, active.parent] : [], closeAll); useOnClickOutside(container.current && active?.parent ? [container.current, active.parent] : [], closeAll);