feat(web): ability to not be able to close the context menu

overextended · Sep 8, 2022 · adf0994 · adf0994
1 parent 105756e
commit adf0994
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/resource/interface/client/context.lua b/resource/interface/client/context.lua
@@ -18,6 +18,7 @@ function lib.showContext(id)
         action = 'showContext',
         data = {
             title = data.title,
+            canClose = data.canClose,
             menu = data.menu,
             options = data.options
         }

diff --git a/web/src/features/menu/context/ContextMenu.tsx b/web/src/features/menu/context/ContextMenu.tsx
@@ -18,6 +18,7 @@ const ContextMenu: React.FC = () => {
   });
 
   const closeContext = () => {
+    if (contextMenu.canClose === false) return;
     setVisible(false);
     fetchNui('closeContext');
   };
@@ -76,19 +77,25 @@ const ContextMenu: React.FC = () => {
             </Box>
             <Flex
               borderRadius="md"
-              bg="gray.800"
+              as="button"
+              bg={contextMenu.canClose === false ? 'gray.600' : 'gray.800'}
               flex="1 15%"
               alignSelf="stretch"
               textAlign="center"
               justifyContent="center"
               alignItems="center"
               marginLeft={2}
               p={2}
-              _hover={{ bg: 'gray.700' }}
+              cursor={contextMenu.canClose === false ? 'not-allowed' : undefined}
+              _hover={{ bg: contextMenu.canClose === false ? undefined : 'gray.700' }}
               transition="300ms"
               onClick={() => closeContext()}
             >
-              <FontAwesomeIcon icon="xmark" fontSize={20} />
+              <FontAwesomeIcon
+                icon="xmark"
+                fontSize={20}
+                color={contextMenu.canClose === false ? '#718096' : undefined}
+              />
             </Flex>
           </Flex>
           <Box maxH={560} overflowY="scroll">

diff --git a/web/src/interfaces/context.ts b/web/src/interfaces/context.ts
@@ -21,5 +21,6 @@ export interface Options {
 export interface ContextMenuProps {
   title: string;
   menu?: string;
+  canClose?: boolean;
   options: Options | Option[];
 }