FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 06:56:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web/menu): exit listener and onClose function

Browse Source
This commit is contained in:
Luke
2022-08-01 11:13:26 +02:00
committed by Luke
parent 6ef17e83f5
commit 4236dd2bfd
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/features/menu/list/index.tsx
View File

@@ -52,6 +52,11 @@ const ListMenu: React.FC = () => {
const [indexStates, setIndexStates] = useState<Record<number, number>>({});
const listRefs = useRef<Array<HTMLDivElement | null>>([]);
const closeMenu = () => {
setVisible(false);
fetchNui("closeMenu");
};
const moveMenu = (e: React.KeyboardEvent<HTMLDivElement>) => {
switch (e.code) {
case "ArrowDown":
@@ -107,6 +112,18 @@ const ListMenu: React.FC = () => {
return () => clearTimeout(timer);
}, [selected, menu, indexStates]);
useEffect(() => {
if (!visible) return;
const keyHandler = (e: KeyboardEvent) => {
if (["Escape"].includes(e.code)) closeMenu();
};
window.addEventListener("keydown", keyHandler);
return () => window.removeEventListener("keydown", keyHandler);
}, [visible]);
useNuiEvent("setMenu", (data: MenuSettings) => {
if (!data.position) data.position = "top-left";
listRefs.current = [];