fix linter

Graylog2 · Nov 15, 2024 · b31ecc3 · b31ecc3
1 parent 6ba2ea2
commit b31ecc3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/graylog2-web-interface/src/components/common/Section.test.tsx b/graylog2-web-interface/src/components/common/Section.test.tsx
@@ -68,7 +68,7 @@ describe('Section', () => {
   });
 
   it('should execute onCollapse', async () => {
-    const onCollapse = jest.fn()
+    const onCollapse = jest.fn();
 
     render(
       <Section title="The Title" collapsible onCollapse={onCollapse}>

diff --git a/graylog2-web-interface/src/components/common/Section.tsx b/graylog2-web-interface/src/components/common/Section.tsx
@@ -68,20 +68,22 @@ type Props = React.PropsWithChildren<{
  */
 const Section = ({
   title,
-  header,
-  actions,
-  headerLeftSection,
+  header = null,
+  actions = null,
+  headerLeftSection = null,
   collapsible = false,
   defaultClosed = false,
   onCollapse = () => {},
   disableCollapseButton = false,
-  children,
+  children = null,
 }: Props) => {
   const [opened, { toggle }] = useDisclosure(!defaultClosed);
+
   const onToggle = () => {
     toggle();
     onCollapse(opened);
-  }
+  };
+
   const onHeaderClick = () => (!disableCollapseButton && onToggle());
 
   return (
@@ -92,6 +94,7 @@ const Section = ({
           {headerLeftSection && <FlexWrapper onClick={(e) => { e.stopPropagation(); }}>{headerLeftSection}</FlexWrapper>}
         </FlexWrapper>
         <FlexWrapper>
+          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
           {actions && <div onClick={(e) => { e.stopPropagation(); }}>{actions}</div>}
           {collapsible && (
           <Button bsSize="sm"