feat(web/progress): progress bar in context menu's metadata (#217)

* feature: progress bar in context menu's metadata * undefined check `metadata.progress`
2026-08-17 23:16:03 +01:00 · 2023-02-06 15:42:19 +01:00
parent be99e16e34
commit 4a9137ad04
3 changed files with 37 additions and 5 deletions
--- a/web/src/features/dev/debug/context.ts
+++ b/web/src/features/dev/debug/context.ts
@@ -9,6 +9,32 @@ export const debugContext = () => {
        title: 'Vehicle garage',
        options: [
          { title: 'Empty button' },
+          {
+            title: 'Karin Kuruma',
+            image: 'https://cdn.discordapp.com/attachments/1063098499027173461/1064276343585505330/screenshot.jpg',
+            arrow: true,
+            colorScheme: 'blue',
+            metadata: [
+              {
+                ["label"]: "Body",
+                ["value"]: "55%",
+                ["progress"]: 55
+              },
+              {
+                ["label"]: "Engine",
+                ["value"]: "100%",
+                ["progress"]: 100
+              },
+              {
+                ["label"]: "Oil",
+                ["progress"]: 11
+              },
+              {
+                ["label"]: "Fuel",
+                ["progress"]: 87
+              },
+            ],
+          },
          {
            title: 'Example button',
            description: 'Example button description',