FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 15:36:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(web/menu): debounce menu item selected callback

Browse Source
This commit is contained in:
Luke
2022-07-30 15:52:15 +02:00
committed by Luke
parent a2b5ccb354
commit aa9b1334f2
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -95,16 +95,19 @@ const ListMenu: React.FC = () => {
} }
}; };
// TODO: add debounce so that callbacks can't be spammed
useEffect(() => { useEffect(() => {
if (!menu.items[selected]?.value) return; if (!menu.items[selected]?.value) return;
listRefs.current[selected]?.focus(); listRefs.current[selected]?.focus();
// debounces the callback to avoid spam
const timer = setTimeout(() => {
fetchNui( fetchNui(
"changeSelected", "changeSelected",
Array.isArray(menu.items[selected].value) Array.isArray(menu.items[selected].value)
? menu.items[selected].value[indexStates[selected]] ? menu.items[selected].value[indexStates[selected]]
: menu.items[selected].value : menu.items[selected].value
); );
}, 500);
return () => clearTimeout(timer);
}, [selected, menu, indexStates]); }, [selected, menu, indexStates]);
useNuiEvent("setMenu", (data: MenuSettings) => { useNuiEvent("setMenu", (data: MenuSettings) => {