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

feat(web/context): allow separate metadata progress bars colors

Browse Source 
Closes #430
This commit is contained in:
Luke
2023-10-28 18:30:28 +02:00
parent e6e7bf5547
commit 1c5f4d6ac8
4 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/features/menu/context/components/ContextButton.tsx
View File

@@ -145,14 +145,21 @@ const ContextButton: React.FC<{
{button.image && <Image src={button.image} />}
{Array.isArray(button.metadata) ? (
button.metadata.map(
(metadata: string | { label: string; value?: any; progress?: number }, index: number) => (
(
metadata: string | { label: string; value?: any; progress?: number; colorScheme?: string },
index: number
) => (
<>
<Text key={`context-metadata-${index}`}>
{typeof metadata === 'string' ? `${metadata}` : `${metadata.label}: ${metadata?.value ?? ''}`}
</Text>
{typeof metadata === 'object' && metadata.progress !== undefined && (
<Progress value={metadata.progress} size="sm" color={button.colorScheme || 'dark.3'} />
<Progress
value={metadata.progress}
size="sm"
color={metadata.colorScheme || button.colorScheme || 'dark.3'}
/>
)}
</>
)