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

feat(web/context): allow custom metadata order

Browse Source
This commit is contained in:
Luke
2022-05-08 13:18:09 +02:00
parent 62d4812f24
commit a784726267
3 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/features/menu/ContextMenu.tsx
View File

@@ -17,7 +17,7 @@ debugData<ContextMenuProps>([
{ {
title: "Example button", title: "Example button",
description: "Example button description", description: "Example button description",
metadata: { ["Value 1"]: "Some value", ["Value 2"]: 300 }, metadata: [{ label: "Value 1", value: 300 }],
}, },
{ {
title: "Menu button", title: "Menu button",

9
web/src/features/menu/Item.tsx
View File

@@ -104,9 +104,14 @@ const Item: React.FC<{
<PopoverBody> <PopoverBody>
{Array.isArray(option[1].metadata) ? ( {Array.isArray(option[1].metadata) ? (
option[1].metadata.map( option[1].metadata.map(
(metadata: string, index: number) => ( (
metadata: string | { label: string; value: any },
index: number
) => (
<Text key={`context-metadata-${index}`}> <Text key={`context-metadata-${index}`}>
{metadata} {typeof metadata === "string"
? `${metadata}`
: `${metadata.label}: ${metadata.value}`}
</Text> </Text>
) )
) )

5
web/src/interfaces/context.ts
View File

@@ -3,7 +3,10 @@ export interface Option {
title?: string; title?: string;
description?: string; description?: string;
arrow?: boolean; arrow?: boolean;
metadata?: string[] | { [key: string]: any }; metadata?:
| string[]
| { [key: string]: any }
| { label: string; value: any }[];
event?: string; event?: string;
serverEvent?: string; serverEvent?: string;
args?: any; args?: any;