remove unused variables

Author: pawelangelow

.eslintrc.js

@@ -358,7 +358,6 @@ module.exports = {
       files: ['redisinsight/ui/**/*.ts*'],
       rules: {
         'sonarjs/cognitive-complexity': 'off',
-        '@typescript-eslint/no-unused-vars': 'off',
         'import/extensions': 'off',
         'react/prop-types': 'off',
         'import/order': 'off',

redisinsight/ui/src/components/base/external-link/ExternalLink.tsx

@@ -13,13 +13,7 @@ export type Props = RiLinkProps & {
 }
 
 const ExternalLink = (props: Props) => {
-  const {
-    iconPosition = 'right',
-    iconSize = 'S',
-    size = 'S',
-    children,
-    ...rest
-  } = props
+  const { iconPosition = 'right', iconSize = 'S', children, ...rest } = props
 
   const ArrowIcon = () => (
     <RiIcon type="ArrowDiagonalIcon" size={iconSize} color="informative400" />

redisinsight/ui/src/components/bulk-actions-config/BulkActionsConfig.tsx

@@ -7,11 +7,9 @@ import {
   bulkActionsSelector,
   disconnectBulkDeleteAction,
   setBulkActionConnected,
-  setBulkActionsInitialState,
   setBulkDeleteLoading,
   setDeleteOverview,
   setDeleteOverviewStatus,
-  setLoading,
 } from 'uiSrc/slices/browser/bulkActions'
 import { getSocketApiUrl, Nullable } from 'uiSrc/utils'
 import { sessionStorageService } from 'uiSrc/services'
@@ -106,15 +104,6 @@ const BulkActionsConfig = () => {
     )
   }
 
-  const getBulkAction = (id: string) => {
-    dispatch(setLoading(true))
-    socketRef.current?.emit(
-      BulkActionsServerEvent.Get,
-      { id: `${id}` },
-      fetchBulkAction,
-    )
-  }
-
   const abortBulkDelete = (id: string) => {
     dispatch(setBulkDeleteLoading(true))
     socketRef.current?.emit(
@@ -124,13 +113,6 @@ const BulkActionsConfig = () => {
     )
   }
 
-  const fetchBulkAction = (data: any) => {
-    if (data.status === BulkActionsServerEvent.Error) {
-      sessionStorageService.set(BrowserStorageItem.bulkActionDeleteId, '')
-      dispatch(setBulkActionsInitialState())
-    }
-  }
-
   const onBulkDeleting = (data: any) => {
     if (data.status === BulkActionsServerEvent.Error) {
       dispatch(disconnectBulkDeleteAction())

redisinsight/ui/src/components/charts/bar-chart/BarChart.spec.tsx

@@ -1,4 +1,4 @@
-import { isEmpty, last, min as minBy, reject } from 'lodash'
+import { last, min as minBy, reject } from 'lodash'
 import React from 'react'
 import { render, screen, fireEvent, waitFor } from 'uiSrc/utils/test-utils'
 
@@ -43,7 +43,7 @@ describe('BarChart', () => {
     const minBarHeight = 5
     const smallestBar = minBy(
       reject([...mockData], ({ y }) => !y),
-      ({ y }, i) => y,
+      ({ y }) => y,
     ) ?? { x: 0, y: 0 }
 
     render(<BarChart data={mockData} minBarHeight={minBarHeight} />)

redisinsight/ui/src/components/command-helper/components/command-helper-info/CHCommandInfo.tsx

@@ -7,7 +7,7 @@ import { IconButton } from 'uiSrc/components/base/forms/buttons'
 import { ArrowLeftIcon } from 'uiSrc/components/base/icons'
 import { Text } from 'uiSrc/components/base/text'
 import { RiBadge } from 'uiSrc/components/base/display/badge/RiBadge'
-import { FlexItem, Row } from 'uiSrc/components/base/layout/flex'
+import { Row } from 'uiSrc/components/base/layout/flex'
 
 import styles from './styles.module.scss'
 import { HorizontalSpacer } from 'uiSrc/components/base/layout'

redisinsight/ui/src/components/config/Config.tsx

@@ -2,7 +2,7 @@ import { useContext, useEffect } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useLocation } from 'react-router-dom'
 import { isNumber } from 'lodash'
-import { BrowserStorageItem, FeatureFlags, Theme } from 'uiSrc/constants'
+import { BrowserStorageItem, FeatureFlags } from 'uiSrc/constants'
 import { BuildType } from 'uiSrc/constants/env'
 import { BUILD_FEATURES } from 'uiSrc/constants/featuresHighlighting'
 import { localStorageService, setObjectStorage } from 'uiSrc/services'

redisinsight/ui/src/components/monitor/MonitorLog/MonitorLog.spec.tsx

@@ -17,7 +17,6 @@ import { sendCliCommand } from 'uiSrc/slices/cli/cli-output'
 import MonitorLog from './MonitorLog'
 
 let store: typeof mockedStore
-let URLMock: jest.SpyInstance<object>
 const mockURLrevokeObjectURL = 123123
 
 jest.mock('file-saver', () => ({
@@ -47,7 +46,7 @@ beforeEach(() => {
 
 describe('MonitorLog', () => {
   beforeAll(() => {
-    URLMock = jest
+    jest
       .spyOn(URL, 'revokeObjectURL')
       .mockImplementation(() => mockURLrevokeObjectURL)
   })

redisinsight/ui/src/components/notifications/components/default-error-content/DefaultErrorContent.tsx

@@ -1,8 +1,6 @@
 import React from 'react'
 
 import { ColorText } from 'uiSrc/components/base/text'
-import { Spacer } from 'uiSrc/components/base/layout/spacer'
-import { SecondaryButton } from 'uiSrc/components/base/forms/buttons'
 
 export interface Props {
   text: string | JSX.Element | JSX.Element[]

redisinsight/ui/src/components/oauth/shared/oauth-social-buttons/OAuthSocialButtons.tsx

@@ -5,7 +5,7 @@ import { oauthCloudPAgreementSelector } from 'uiSrc/slices/oauth/cloud'
 import { OAuthStrategy } from 'uiSrc/slices/interfaces'
 
 import { EmptyButton } from 'uiSrc/components/base/forms/buttons'
-import { FlexGroup, FlexItem } from 'uiSrc/components/base/layout/flex'
+import { FlexGroup } from 'uiSrc/components/base/layout/flex'
 import { Text } from 'uiSrc/components/base/text'
 import { RiTooltip } from 'uiSrc/components'
 import { AllIconsType, RiIcon } from 'uiSrc/components/base/icons/RiIcon'

redisinsight/ui/src/components/recommendation/recommendation-voting/components/vote-option/VoteOption.tsx

@@ -14,7 +14,7 @@ import { Nullable } from 'uiSrc/utils'
 
 import { Col, FlexItem, Row } from 'uiSrc/components/base/layout/flex'
 import { Text } from 'uiSrc/components/base/text'
-import { CancelSlimIcon, Icon } from 'uiSrc/components/base/icons'
+import { CancelSlimIcon } from 'uiSrc/components/base/icons'
 import { IconButton } from 'uiSrc/components/base/forms/buttons'
 import { Link } from 'uiSrc/components/base/link/Link'
 import { RiPopover, RiTooltip } from 'uiSrc/components/base'