Files
ox_lib/web/src/features/dev/debug/menu.ts
T
ItsANoBrainerandLuke a6f47cfe59 feat(web): context and list menu progress bars (#166)
* Initial Commit

Adds support for progress bars to items in both context and and list menus.

* Default Color Scheme & Description Weight

Added default color scheming, and made the description for context menues a lighter font weight for separating the title vs description better.

* iconColor to Menu & Small Syntax Changes

* Update Item.tsx

* fix(web/context): syntax error

also reformat with prettier

* chore(web/menu): reformat with prettier

Co-authored-by: Luke <sabolukas03@gmail.com>
2022-12-04 10:33:25 +01:00

57 lines
1.5 KiB
TypeScript

import { debugData } from '../../../utils/debugData';
import { MenuSettings } from '../../menu/list';
export const debugMenu = () => {
debugData<MenuSettings>([
{
action: 'setMenu',
data: {
// position: "bottom-left",
title: 'Vehicle garage',
items: [
{ label: 'Option 1', icon: 'heart' },
{
label: 'Option 2',
icon: 'basket-shopping',
description: 'Tooltip description 1',
checked: true,
},
{
label: 'Vehicle class',
values: ['pogchamp', 'nice champ', { label: 'POGGERS', description: 'CHAMPPERS' }],
icon: 'tag',
description: 'Side scroll general description',
},
{
label: 'Oil Level',
progress: 30,
icon: 'oil-can',
description: 'Remaining Oil: 30%',
},
{
label: 'Durability',
progress: 80,
icon: 'car-side',
description: 'Durability: 80%',
colorScheme: 'blue',
iconColor: '#55778d'
},
{ label: 'Option 1' },
{ label: 'Option 2' },
{
label: 'Vehicle class',
values: ['Nice', 'Super nice', 'Extra nice'],
defaultIndex: 1,
},
{ label: 'Option 1' },
{ label: 'Option 2' },
{
label: 'Vehicle class',
values: ['Nice', 'Super nice', 'Extra nice'],
},
],
},
},
]);
};