feat: don't show hidden tab/group

seasick · Jan 21, 2024 · f130de4 · f130de4
1 parent a59793f
commit f130de4
Showing 1 changed file with 47 additions and 42 deletions.
diff --git a/src/components/Customizer.tsx b/src/components/Customizer.tsx
@@ -50,51 +50,56 @@ export default function Customizer({ parameters, onChange }: Props) {
 
   return (
     <div style={{ height: '100%', overflow: 'scroll' }}>
-      {Object.entries(groups).map(([groupName, groupParams], idx) => (
-        <Accordion defaultExpanded={idx === 0} key={idx}>
-          <AccordionSummary expandIcon={<ArrowDropDownIcon />}>
-            {groupName}
-          </AccordionSummary>
-          <AccordionDetails>
-            {groupParams.map((parameter) => {
-              if (parameter.type === 'number' || parameter.type === 'string') {
-                return (
-                  <TextField
-                    label={parameter.description || parameter.name}
-                    fullWidth
-                    type={parameter.type}
-                    key={parameter.name}
-                    name={parameter.name}
-                    onChange={handleParameterChange(false)}
-                    value={parameter.value}
-                    sx={{ mt: 2, p: 1 }}
-                  />
-                );
-              } else if (parameter.type === 'boolean') {
-                return (
-                  <FormGroup key={parameter.name}>
-                    <FormControlLabel
-                      control={
-                        <Checkbox
-                          name={parameter.name}
-                          onChange={handleParameterChange(true)}
-                          checked={parameter.value === true}
-                        />
-                      }
+      {Object.entries(groups)
+        .filter((x) => x[0].toLowerCase() !== 'hidden')
+        .map(([groupName, groupParams], idx) => (
+          <Accordion defaultExpanded={idx === 0} key={idx}>
+            <AccordionSummary expandIcon={<ArrowDropDownIcon />}>
+              {groupName}
+            </AccordionSummary>
+            <AccordionDetails>
+              {groupParams.map((parameter) => {
+                if (
+                  parameter.type === 'number' ||
+                  parameter.type === 'string'
+                ) {
+                  return (
+                    <TextField
                       label={parameter.description || parameter.name}
+                      fullWidth
+                      type={parameter.type}
+                      key={parameter.name}
+                      name={parameter.name}
+                      onChange={handleParameterChange(false)}
+                      value={parameter.value}
+                      sx={{ mt: 2, p: 1 }}
                     />
-                  </FormGroup>
+                  );
+                } else if (parameter.type === 'boolean') {
+                  return (
+                    <FormGroup key={parameter.name}>
+                      <FormControlLabel
+                        control={
+                          <Checkbox
+                            name={parameter.name}
+                            onChange={handleParameterChange(true)}
+                            checked={parameter.value === true}
+                          />
+                        }
+                        label={parameter.description || parameter.name}
+                      />
+                    </FormGroup>
+                  );
+                }
+                return (
+                  <div key={parameter.name}>
+                    {parameter.name} {parameter.type}
+                  </div>
                 );
-              }
-              return (
-                <div key={parameter.name}>
-                  {parameter.name} {parameter.type}
-                </div>
-              );
-            })}
-          </AccordionDetails>
-        </Accordion>
-      ))}
+              })}
+            </AccordionDetails>
+          </Accordion>
+        ))}
     </div>
   );
 }