feat: add fields set to clustered chart

Inist-CNRS · Dec 8, 2023 · 3ffade6 · 3ffade6
1 parent 57f9eaf
commit 3ffade6
Showing 1 changed file with 20 additions and 17 deletions.
diff --git a/src/app/js/formats/vega-lite/component/clustered-chart/ClusteredChartAdmin.js b/src/app/js/formats/vega-lite/component/clustered-chart/ClusteredChartAdmin.js
@@ -7,6 +7,7 @@ import { polyglot as polyglotPropTypes } from '../../../../propTypes';
 import ColorPickerParamsAdmin from '../../../shared/ColorPickerParamsAdmin';
 import { MONOCHROMATIC_DEFAULT_COLORSET } from '../../../colorUtils';
 import updateAdminArgs from '../../../shared/updateAdminArgs';
+import { VegaChartParamsFieldSet } from '../../../vega-utils/components/VegaFieldSet';
 
 export const defaultArgs = {
     colors: MONOCHROMATIC_DEFAULT_COLORSET,
@@ -35,23 +36,25 @@ const ClusteredChartAdmin = props => {
             justifyContent="space-between"
             gap={2}
         >
-            <ColorPickerParamsAdmin
-                colors={colors}
-                onChange={handleColors}
-                polyglot={p}
-            />
-            <TextField
-                fullWidth
-                label={p.t('format_x_axis_title')}
-                onChange={handleXAxisTitle}
-                value={xTitle}
-            />
-            <TextField
-                fullWidth
-                label={p.t('format_y_axis_title')}
-                onChange={handleYAxisTitle}
-                value={yTitle}
-            />
+            <VegaChartParamsFieldSet>
+                <ColorPickerParamsAdmin
+                    colors={colors}
+                    onChange={handleColors}
+                    polyglot={p}
+                />
+                <TextField
+                    fullWidth
+                    label={p.t('format_x_axis_title')}
+                    onChange={handleXAxisTitle}
+                    value={xTitle}
+                />
+                <TextField
+                    fullWidth
+                    label={p.t('format_y_axis_title')}
+                    onChange={handleYAxisTitle}
+                    value={yTitle}
+                />
+            </VegaChartParamsFieldSet>
         </Box>
     );
 };