Running lint --fix & prettier (#25486)

Co-authored-by: Dr. Lint-a-lot <garybot2@graylog.com>

Author: github-actions[bot]

graylog2-web-interface/src/components/collectors/common/StatCard.test.tsx

@@ -28,7 +28,16 @@ describe('StatCard', () => {
   });
 
   it('applies variant styling for warning', async () => {
-    render(<StatCard value={5} label="Offline" variant="warning" onClick={() => { /* force this to be a button */ }} />);
+    render(
+      <StatCard
+        value={5}
+        label="Offline"
+        variant="warning"
+        onClick={() => {
+          /* force this to be a button */
+        }}
+      />,
+    );
 
     const card = screen.getByRole('button');
     expect(card).toBeInTheDocument();

graylog2-web-interface/src/components/collectors/common/StatCard.tsx

@@ -74,12 +74,12 @@ const Label = styled.div(
 );
 
 const StatCard = ({ value, label, variant = 'default', onClick = undefined }: Props) => (
-  <StyledCard as={onClick ? 'button' : 'div'}
-              $variant={variant}
-              $clickable={!!onClick}
-              onClick={onClick}
-              type={onClick ? 'button' : undefined}
-  >
+  <StyledCard
+    as={onClick ? 'button' : 'div'}
+    $variant={variant}
+    $clickable={!!onClick}
+    onClick={onClick}
+    type={onClick ? 'button' : undefined}>
     <Value>{value}</Value>
     <Label>{label}</Label>
   </StyledCard>

graylog2-web-interface/src/components/collectors/deployment/BulkActions.test.tsx

@@ -30,7 +30,9 @@ jest.mock('components/common/EntityDataTable/hooks/useSelectedEntities');
 jest.mock('../hooks/useCollectorsMutations');
 
 const setSelectedEntitiesMock = jest.fn();
-const bulkDeleteEnrollmentTokensMock = jest.fn(() => Promise.resolve({ successfully_performed: 0, failures: [], errors: [] }));
+const bulkDeleteEnrollmentTokensMock = jest.fn(() =>
+  Promise.resolve({ successfully_performed: 0, failures: [], errors: [] }),
+);
 
 const useSelectedEntitiesResponse = {
   selectedEntities: [],
@@ -50,9 +52,11 @@ describe('BulkActions', () => {
   beforeEach(() => {
     jest.clearAllMocks();
     asMock(useSelectedEntities).mockReturnValue(useSelectedEntitiesResponse);
-    asMock(useCollectorsMutations).mockReturnValue(mockCollectorsMutations({
-      bulkDeleteEnrollmentTokens: bulkDeleteEnrollmentTokensMock,
-    }));
+    asMock(useCollectorsMutations).mockReturnValue(
+      mockCollectorsMutations({
+        bulkDeleteEnrollmentTokens: bulkDeleteEnrollmentTokensMock,
+      }),
+    );
   });
 
   it('renders bulk actions dropdown', async () => {

graylog2-web-interface/src/components/collectors/deployment/BulkActions.tsx

@@ -46,8 +46,8 @@ const BulkActions = () => {
           show
           onConfirm={handleConfirm}
           onCancel={() => setShowConfirm(false)}>
-          Are you sure you want to delete {selectedEntities.length} enrollment tokens?
-          New collectors will not be able to enroll using the deleted tokens.
+          Are you sure you want to delete {selectedEntities.length} enrollment tokens? New collectors will not be able
+          to enroll using the deleted tokens.
         </ConfirmDialog>
       )}
     </>

graylog2-web-interface/src/components/collectors/deployment/EnrollmentTokenList.test.tsx

@@ -93,9 +93,11 @@ describe('EnrollmentTokenList', () => {
       isLoading: false,
     });
 
-    asMock(useCollectorsMutations).mockReturnValue(mockCollectorsMutations({
-      deleteEnrollmentToken: deleteEnrollmentTokenMock,
-    }));
+    asMock(useCollectorsMutations).mockReturnValue(
+      mockCollectorsMutations({
+        deleteEnrollmentToken: deleteEnrollmentTokenMock,
+      }),
+    );
 
     asMock(fetchPaginatedEnrollmentTokens).mockResolvedValue(mockPaginatedResponse([mockToken()]));
   });

graylog2-web-interface/src/components/collectors/deployment/EnrollmentTokenList.tsx

@@ -26,15 +26,24 @@ import Routes from 'routing/Routes';
 import type { ColumnRenderers } from 'components/common/EntityDataTable';
 import type { Sort } from 'stores/PaginationTypes';
 
+import BulkActions from './BulkActions';
+
 import { fetchPaginatedEnrollmentTokens, enrollmentTokensKeyFn, useCollectorsMutations, useFleets } from '../hooks';
 import type { EnrollmentTokenMetadata } from '../types';
-import BulkActions from './BulkActions';
 
 const DEFAULT_LAYOUT = {
   entityTableId: 'enrollment-tokens',
   defaultPageSize: 20,
   defaultSort: { attributeId: 'created_at', direction: 'desc' } as Sort,
-  defaultDisplayedAttributes: ['name', 'fleet_id', 'created_by', 'created_at', 'expires_at', 'usage_count', 'last_used_at'],
+  defaultDisplayedAttributes: [
+    'name',
+    'fleet_id',
+    'created_by',
+    'created_at',
+    'expires_at',
+    'usage_count',
+    'last_used_at',
+  ],
   defaultColumnOrder: ['name', 'fleet_id', 'created_by', 'created_at', 'expires_at', 'usage_count', 'last_used_at'],
 };
 

graylog2-web-interface/src/components/collectors/fleets/CollectorsFleets.tsx

@@ -64,9 +64,7 @@ const CollectorsFleets = () => {
         entityActions={() => null}
       />
 
-      {showFleetModal && (
-        <FleetFormModal onClose={closeCreateModal} onSave={handleSaveFleet} />
-      )}
+      {showFleetModal && <FleetFormModal onClose={closeCreateModal} onSave={handleSaveFleet} />}
     </>
   );
 };

graylog2-web-interface/src/components/collectors/fleets/FleetDetail.tsx

@@ -99,13 +99,7 @@ const FleetDetail = ({ fleetId }: Props) => {
   const { data: stats, isLoading: statsLoading } = useFleetStats(fleetId);
   const defaultInstanceFilters = useDefaultInstanceFilters();
   const { data: sources } = useSources(fleetId);
-  const {
-    createSource,
-    updateSource,
-    deleteSource,
-    updateFleet,
-    deleteFleet,
-  } = useCollectorsMutations();
+  const { createSource, updateSource, deleteSource, updateFleet, deleteFleet } = useCollectorsMutations();
   const [showSourceModal, setShowSourceModal] = useState(false);
   const [editingSource, setEditingSource] = useState<Source | null>(null);
   const [deletingSource, setDeletingSource] = useState<Source | null>(null);
@@ -215,7 +209,9 @@ const FleetDetail = ({ fleetId }: Props) => {
   return (
     <div>
       <Header>
-        <h2>{fleet.name} <BetaBadge /></h2>
+        <h2>
+          {fleet.name} <BetaBadge />
+        </h2>
         {fleet.target_version && <Label bsStyle="info">v{fleet.target_version}</Label>}
       </Header>
 
@@ -288,11 +284,7 @@ const FleetDetail = ({ fleetId }: Props) => {
       )}
 
       {showSourceModal && (
-        <SourceFormModal
-          fleetId={fleetId}
-          onClose={() => setShowSourceModal(false)}
-          onSave={handleSaveSource}
-        />
+        <SourceFormModal fleetId={fleetId} onClose={() => setShowSourceModal(false)} onSave={handleSaveSource} />
       )}
 
       {editingSource && (

graylog2-web-interface/src/components/collectors/fleets/FleetFormModal.tsx

@@ -74,13 +74,7 @@ const FleetFormModal = ({ fleet = undefined, onClose, onSave }: Props) => {
               <Modal.Title>{isEdit ? 'Edit Fleet' : 'New Fleet'}</Modal.Title>
             </Modal.Header>
             <Modal.Body>
-              <FormikInput
-                id="fleet-name"
-                label="Name"
-                name="name"
-                help="A unique name for this fleet"
-                required
-              />
+              <FormikInput id="fleet-name" label="Name" name="name" help="A unique name for this fleet" required />
               <FormikInput
                 id="fleet-description"
                 label="Description"

graylog2-web-interface/src/components/collectors/fleets/FleetSettings.tsx

@@ -113,18 +113,8 @@ const FleetSettings = ({ fleet, onSave, onDelete = undefined }: Props) => {
           <Section>
             <SectionTitle>General Settings</SectionTitle>
             <Form>
-              <FormikInput
-                id="fleet-name"
-                label="Fleet Name"
-                name="name"
-                required
-              />
-              <FormikInput
-                id="fleet-description"
-                type="textarea"
-                label="Description"
-                name="description"
-              />
+              <FormikInput id="fleet-name" label="Fleet Name" name="name" required />
+              <FormikInput id="fleet-description" type="textarea" label="Description" name="description" />
               <FormikInput
                 id="fleet-target-version"
                 label="Target Version"