feat(colors): disable diceRoll in the demo and update the chart preview

plouc · May 5, 2024 · 7feed33 · 7feed33
1 parent ff1e796
commit 7feed33
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/conf/base.yaml b/conf/base.yaml
@@ -75,10 +75,6 @@ capture:
         # html is broken for now
         # flavors: [svg, html, canvas]
 
-      - pkg: tree
-        chart: tree
-        flavors: [svg]
-
       - pkg: heatmap
         chart: heatmap
         flavors: [svg, canvas]
@@ -125,6 +121,11 @@ capture:
         chart: sunburst
         flavors: [svg]
 
+      - pkg: tree
+        chart: tree
+        theme: dark
+        flavors: [svg]
+
       - pkg: treemap
         chart: treemap
         flavors: [svg, html, canvas]

diff --git a/website/src/assets/captures/tree.png b/website/src/assets/captures/tree.png
diff --git a/website/src/components/components/ComponentTemplate.tsx b/website/src/components/components/ComponentTemplate.tsx
@@ -41,6 +41,7 @@ interface ComponentTemplateProps<
     propertiesMapper?: (props: UnmappedProps, data: Data) => MappedProps
     codePropertiesMapper?: (props: MappedProps, data: Data) => MappedProps
     generateData: (previousData?: Data | null) => Data
+    enableDiceRoll?: boolean
     dataKey?: string
     getDataSize?: (data: Data) => number
     getTabData?: (data: Data) => Data
@@ -70,6 +71,7 @@ export const ComponentTemplate = <
     propertiesMapper,
     codePropertiesMapper,
     generateData,
+    enableDiceRoll = true,
     dataKey = 'data',
     getDataSize,
     getTabData = data => data,
@@ -129,7 +131,9 @@ export const ComponentTemplate = <
                     data={tabData}
                     dataKey={dataKey}
                     nodeCount={getDataSize !== undefined ? getDataSize(data) : undefined}
-                    diceRoll={data !== undefined ? diceRoll : undefined}
+                    diceRoll={
+                        enableDiceRoll ? (data !== undefined ? diceRoll : undefined) : undefined
+                    }
                 >
                     {children(mappedProperties, data, theme.nivo, logAction)}
                 </ComponentTabs>

diff --git a/website/src/pages/tree/index.tsx b/website/src/pages/tree/index.tsx
@@ -112,6 +112,7 @@ const Tree = () => {
             defaultProperties={defaults}
             propertiesMapper={mapper}
             generateData={generateLightDataSet}
+            enableDiceRoll={false}
             image={image}
         >
             {(properties, data, theme, logAction) => {