feat: Add a 10s option to Animation

visualize-admin · May 15, 2023 · 6aac288 · 6aac288
1 parent f236df3
commit 6aac288
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/app/configurator/components/chart-options-selector.tsx b/app/configurator/components/chart-options-selector.tsx
@@ -485,18 +485,15 @@ const ChartFieldAnimation = ({ field }: { field: AnimationField }) => {
                 }
               />
               <Flex sx={{ justifyContent: "flex-start" }}>
-                <ChartOptionRadioField
-                  label="30s"
-                  field="animation"
-                  path="duration"
-                  value={30}
-                />
-                <ChartOptionRadioField
-                  label="60s"
-                  field="animation"
-                  path="duration"
-                  value={60}
-                />
+                {[10, 30, 60].map((d) => (
+                  <ChartOptionRadioField
+                    key={d}
+                    label={`${d}s`}
+                    field="animation"
+                    path="duration"
+                    value={d}
+                  />
+                ))}
               </Flex>
             </Box>
             <Box component="fieldset" mt={4}>