feat(menu): Open Menu with specified item index selected

* Allows a user to pass in a start index to have pre-selected when a menu is opening
* Cleaned up whitespace inconsistencies in menu.lua
This commit is contained in:
Jag
2022-09-17 11:03:10 -07:00
parent cd8e4bbd4d
commit 47163748d5
2 changed files with 30 additions and 27 deletions

View File

@@ -23,6 +23,7 @@ export interface MenuSettings {
title: string;
canClose?: boolean;
items: Array<MenuItem>;
startItemIndex?: number;
}
const ListMenu: React.FC = () => {
@@ -121,7 +122,9 @@ const ListMenu: React.FC = () => {
useNuiEvent('closeMenu', () => closeMenu(true));
useNuiEvent('setMenu', (data: MenuSettings) => {
setSelected(0);
if (!data.startItemIndex || data.startItemIndex < 0) data.startItemIndex = 0;
else if (data.startItemIndex >= data.items.length) data.startItemIndex = data.items.length - 1;
setSelected(data.startItemIndex);
if (!data.position) data.position = 'top-left';
listRefs.current = [];
setMenu(data);
@@ -131,7 +134,7 @@ const ListMenu: React.FC = () => {
if (Array.isArray(data.items[i].values)) arrayIndexes[i] = (data.items[i].defaultIndex || 1) - 1;
}
setIndexStates(arrayIndexes);
listRefs.current[0]?.focus();
listRefs.current[data.startItemIndex]?.focus();
});
return (