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

feat(web/menu): fetchnui on item change

Browse Source
This commit is contained in:
Luke
2022-07-30 10:20:43 +02:00
committed by Luke
parent 4744df337f
commit 6d52ecf985
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,6 +6,7 @@ import ListItem from "./ListItem";
import Header from "./Header"; import Header from "./Header";
import FocusTrap from "focus-trap-react"; import FocusTrap from "focus-trap-react";
import { IconProp } from "@fortawesome/fontawesome-svg-core"; import { IconProp } from "@fortawesome/fontawesome-svg-core";
import { fetchNui } from "../../../utils/fetchNui";
export interface MenuItem { export interface MenuItem {
label: string; label: string;
@@ -85,9 +86,17 @@ const ListMenu: React.FC = () => {
} }
}; };
// TODO: add debounce so that callbacks can't be spammed
useEffect(() => { useEffect(() => {
if (!menu.items[selected]?.value) return;
listRefs.current[selected]?.focus(); listRefs.current[selected]?.focus();
}, [selected]); fetchNui(
"changeSelected",
Array.isArray(menu.items[selected].value)
? menu.items[selected].value[indexStates[selected]]
: menu.items[selected].value
);
}, [selected, menu, indexStates]);
useNuiEvent("setMenu", (data: MenuSettings) => { useNuiEvent("setMenu", (data: MenuSettings) => {
if (!data.position) data.position = "top-left"; if (!data.position) data.position = "top-left";