Merge pull request #331 from sudhanshutech/fix/chore1

bug(components): remove extra div wrapper
layer5io · Nov 14, 2023 · f30786a · f30786a
2 parents 7e32aa5 + abfdb95
commit f30786a
Showing 1 changed file with 26 additions and 28 deletions.
diff --git a/packages/components/src/custom/CustomColumnVisibilityControl.tsx b/packages/components/src/custom/CustomColumnVisibilityControl.tsx
@@ -87,34 +87,32 @@ const CustomColumnVisibilityControl = React.forwardRef<
         ]}
         // transition
       >
-        <div>
-          <ClickAwayListener onClickAway={handleClose}>
-            <Paper
-              sx={{
-                padding: '1rem',
-                boxShadow: open ? '0px 4px 8px rgba(0, 0, 0, 0.2)' : 'none',
-                background: '#f4f5f7'
-              }}
-            >
-              <div style={{ display: 'flex', flexDirection: 'column' }}>
-                {columns.map((col) => (
-                  <FormControlLabel
-                    key={col.name}
-                    control={
-                      <Checkbox
-                        checked={customToolsProps.columnVisibility[col.name]}
-                        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                          handleColumnVisibilityChange(col.name, e.target.checked)
-                        }
-                      />
-                    }
-                    label={col.label}
-                  />
-                ))}
-              </div>
-            </Paper>
-          </ClickAwayListener>
-        </div>
+        <ClickAwayListener onClickAway={handleClose}>
+          <Paper
+            sx={{
+              padding: '1rem',
+              boxShadow: open ? '0px 4px 8px rgba(0, 0, 0, 0.2)' : 'none',
+              background: '#f4f5f7'
+            }}
+          >
+            <div style={{ display: 'flex', flexDirection: 'column' }}>
+              {columns.map((col) => (
+                <FormControlLabel
+                  key={col.name}
+                  control={
+                    <Checkbox
+                      checked={customToolsProps.columnVisibility[col.name]}
+                      onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                        handleColumnVisibilityChange(col.name, e.target.checked)
+                      }
+                    />
+                  }
+                  label={col.label}
+                />
+              ))}
+            </div>
+          </Paper>
+        </ClickAwayListener>
       </Popper>
     </div>
   );