fix linters

graylog2-web-interface/src/@types/graylog-web-plugin/index.d.ts

@@ -163,7 +163,6 @@ type FieldValueProvider = {
   },
 }
 
-
 interface PluginDataWarehouse {
   DataWarehouseStatus: React.ComponentType<{
     stream: {
@@ -174,7 +173,6 @@ interface PluginDataWarehouse {
   DataWarehouseJobs: React.ComponentType<{}>,
 }
 
-
 declare module 'graylog-web-plugin/plugin' {
   interface PluginExports {
     navigation?: Array<PluginNavigation>;

graylog2-web-interface/src/components/streamrules/CreateStreamRuleButton.tsx

@@ -20,11 +20,12 @@ import React, { useCallback, useState } from 'react';
 import { Button } from 'components/bootstrap';
 import type { BsSize } from 'components/bootstrap/types';
 import type { StyleProps } from 'components/bootstrap/Button';
-import StreamRuleModal from './StreamRuleModal';
 import type { StreamRule } from 'stores/streams/StreamsStore';
 import { StreamRulesStore } from 'stores/streams/StreamRulesStore';
 import UserNotification from 'util/UserNotification';
 
+import StreamRuleModal from './StreamRuleModal';
+
 type Props = {
   bsSize?: BsSize,
   bsStyle?: StyleProps,
@@ -36,14 +37,12 @@ type Props = {
 const CreateStreamRuleButton = ({ bsSize, bsStyle, buttonText, className, streamId }: Props) => {
   const [showCreateModal, setShowCreateModal] = useState(false);
 
-  const toggleCreateModal = useCallback(() => {
-    return setShowCreateModal((cur) => !cur);
-  }, []);
+  const toggleCreateModal = useCallback(() => setShowCreateModal((cur) => !cur), []);
 
   const onSaveStreamRule = useCallback((_streamRuleId: string, streamRule: StreamRule) => StreamRulesStore.create(streamId, streamRule, () => {
     UserNotification.success('Stream rule was created successfully.', 'Success');
     // TODO invalidate stream query
-  }), []);
+  }), [streamId]);
 
   return (
     <>
@@ -78,6 +77,7 @@ CreateStreamRuleButton.defaultProps = {
   bsSize: undefined,
   bsStyle: undefined,
   className: undefined,
+  streamId: undefined,
 };
 
 export default CreateStreamRuleButton;

graylog2-web-interface/src/components/streamrules/DetailsStreamRule.tsx

@@ -56,7 +56,7 @@ const DetailsStreamRule = ({ stream, streamRule, onSubmit, onDelete }: Props) =>
     StreamRulesInputsActions.list();
   }, []);
 
-  const _onEdit = (event: React.SyntheticEvent ) => {
+  const _onEdit = (event: React.SyntheticEvent) => {
     event.preventDefault();
     setShowStreamRuleForm(true);
   };
@@ -86,7 +86,7 @@ const DetailsStreamRule = ({ stream, streamRule, onSubmit, onDelete }: Props) =>
   });
 
   const _formatActionItems = () => (
-    <ActionButtonsWrap className='align-right'>
+    <ActionButtonsWrap className="align-right">
       <Button bsStyle="link"
               bsSize="xsmall"
               onClick={_onDelete}
@@ -102,13 +102,14 @@ const DetailsStreamRule = ({ stream, streamRule, onSubmit, onDelete }: Props) =>
     </ActionButtonsWrap>
   );
 
-    /* const matchDataStyle = () => (matchData.rules[streamRule.id] ? 'success' : 'danger'); */
+  /* const matchDataStyle = () => (matchData.rules[streamRule.id] ? 'success' : 'danger'); */
   const actionItems = isPermitted(permissions, [`streams:edit:${stream.id}`]) ? _formatActionItems() : null;
   const description = streamRule.description ? <small>{' '}({streamRule.description})</small> : null;
-    /* const listGroupStyle = !isEmpty(matchData) ? matchDataStyle() : null; */
+  /* const listGroupStyle = !isEmpty(matchData) ? matchDataStyle() : null; */
 
   return (
     <tr key={streamRule.id}>
+      {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
       <td>
         <HumanReadableStreamRule streamRule={streamRule} inputs={inputs} />
       </td>

graylog2-web-interface/src/hooks/usePipelinesConnectedStream.ts

@@ -14,10 +14,9 @@
  * along with this program. If not, see
  * <http://www.mongodb.com/licensing/server-side-public-license>.
  */
-import { qualifyUrl } from 'util/URLUtils';
-
 import { useQuery } from '@tanstack/react-query';
 
+import { qualifyUrl } from 'util/URLUtils';
 import fetch from 'logic/rest/FetchProvider';
 import ApiRoutes from 'routing/ApiRoutes';
 import type FetchError from 'logic/errors/FetchError';

graylog2-web-interface/src/pages/StreamDetailsPage.tsx

@@ -17,7 +17,7 @@
 import * as React from 'react';
 import { useParams } from 'react-router-dom';
 
-import {  Spinner } from 'components/common';
+import { Spinner } from 'components/common';
 import useStream from 'hooks/useStream';
 import StreamDetails from 'components/streams/StreamDetails/StreamDetails';