feat(interface/context): context menu onBack function (#122)

* feat(interface/context): back button pressed

* fix(context): types

package/client/resource/interface/context.ts

@@ -23,6 +23,7 @@ interface ContextMenuProps {
   title: string;
   menu?: string;
   onExit?: () => void;
+  onBack?: () => void;
   canClose?: boolean;
   options: { [key: string]: ContextMenuItem } | ContextMenuArrayItem[];
 }

resource/interface/client/context.lua

@@ -22,6 +22,7 @@ local openContextMenu = nil
 ---@field title string
 ---@field menu? string
 ---@field onExit? fun()
+---@field onBack? fun()
 ---@field canClose? boolean
 ---@field options { [string]: ContextMenuItem } | ContextMenuArrayItem[]
 
@@ -68,9 +69,10 @@ function lib.getOpenContextMenu() return openContextMenu end
 ---@param onExit boolean?
 function lib.hideContext(onExit) closeContext(nil, nil, onExit) end
 
-RegisterNUICallback('openContext', function(id, cb)
+RegisterNUICallback('openContext', function(data, cb)
+    if data.back and contextMenus[openContextMenu].onBack then contextMenus[openContextMenu].onBack() end
     cb(1)
-    lib.showContext(id)
+    lib.showContext(data.id)
 end)
 
 RegisterNUICallback('clickContext', function(id, cb)

web/src/features/menu/context/ContextMenu.tsx

@@ -7,7 +7,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { fetchNui } from '../../../utils/fetchNui';
 
 const openMenu = (id: string | undefined) => {
-  fetchNui<ContextMenuProps>('openContext', id);
+  fetchNui<ContextMenuProps>('openContext', {id: id, back: true});
 };
 
 const ContextMenu: React.FC = () => {

web/src/features/menu/context/Item.tsx

@@ -16,7 +16,7 @@ import { Option, ContextMenuProps } from '../../../interfaces/context';
 import { fetchNui } from '../../../utils/fetchNui';
 
 const openMenu = (id: string | undefined) => {
-  fetchNui<ContextMenuProps>('openContext', id);
+  fetchNui<ContextMenuProps>('openContext', {id: id, back: false});
 };
 
 const clickContext = (id: string) => {