diff --git a/redisinsight/ui/src/pages/pub-sub/components/index.ts b/redisinsight/ui/src/pages/pub-sub/components/index.ts
index 913819eb3f..420cee4938 100644
--- a/redisinsight/ui/src/pages/pub-sub/components/index.ts
+++ b/redisinsight/ui/src/pages/pub-sub/components/index.ts
@@ -1,5 +1,4 @@
-import SubscriptionPanel from './subscription-panel'
import MessagesListWrapper from './messages-list'
import PublishMessage from './publish-message'
-export { SubscriptionPanel, MessagesListWrapper, PublishMessage }
+export { MessagesListWrapper, PublishMessage }
diff --git a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.spec.tsx b/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.spec.tsx
deleted file mode 100644
index 0d1079559b..0000000000
--- a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.spec.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react'
-import { fireEvent, waitFor } from '@testing-library/react'
-import { cloneDeep } from 'lodash'
-import { toggleSubscribeTriggerPubSub } from 'uiSrc/slices/pubsub/pubsub'
-import {
- cleanup,
- clearStoreActions,
- mockedStore,
- render,
- screen,
-} from 'uiSrc/utils/test-utils'
-
-import SubscriptionPanel from './SubscriptionPanel'
-
-let store: typeof mockedStore
-
-beforeEach(() => {
- cleanup()
- store = cloneDeep(mockedStore)
- store.clearActions()
-})
-
-describe('SubscriptionPanel', () => {
- it('should render', () => {
- expect(render()).toBeTruthy()
- })
-
- it('should dispatch subscribe action after toggle subscribe button', () => {
- render()
- const expectedActions = [toggleSubscribeTriggerPubSub('1 2 3')]
- fireEvent.change(screen.getByTestId('channels-input'), {
- target: { value: '1 2 3' },
- })
- fireEvent.click(screen.getByTestId('subscribe-btn'))
-
- expect(clearStoreActions(store.getActions())).toEqual(
- clearStoreActions(expectedActions),
- )
- })
-
- it('should set default value on blur when empty', async () => {
- render()
- fireEvent.change(screen.getByTestId('channels-input'), {
- target: { value: '' },
- })
- fireEvent.blur(screen.getByTestId('channels-input'))
-
- await waitFor(() => screen.getByDisplayValue('*'))
- expect(screen.getByDisplayValue('*')).toBeInTheDocument()
- })
-})
diff --git a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.tsx b/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.tsx
deleted file mode 100644
index 9b7980d782..0000000000
--- a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import cx from 'classnames'
-import React, { useContext, useState } from 'react'
-import { useDispatch, useSelector } from 'react-redux'
-import { useParams } from 'react-router-dom'
-import { Theme } from 'uiSrc/constants'
-import { ThemeContext } from 'uiSrc/contexts/themeContext'
-import {
- clearPubSubMessages,
- pubSubSelector,
- toggleSubscribeTriggerPubSub,
-} from 'uiSrc/slices/pubsub/pubsub'
-import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
-
-import { DEFAULT_SEARCH_MATCH } from 'uiSrc/constants/api'
-import { FlexItem, Row } from 'uiSrc/components/base/layout/flex'
-import {
- UserIcon,
- IndicatorExcludedIcon,
- DeleteIcon,
-} from 'uiSrc/components/base/icons'
-import { Button, IconButton } from 'uiSrc/components/base/forms/buttons'
-import { Text } from 'uiSrc/components/base/text'
-import { RiTooltip } from 'uiSrc/components'
-import { AllIconsType, RiIcon } from 'uiSrc/components/base/icons/RiIcon'
-import { TextInput } from 'uiSrc/components/base/inputs'
-import { FormField } from 'uiSrc/components/base/forms/FormField'
-import PatternsInfo from '../patternsInfo'
-import styles from './styles.module.scss'
-import SubscribeInformation from '../subscribe-information'
-
-const SubscriptionPanel = () => {
- const { messages, isSubscribed, subscriptions, loading, count } =
- useSelector(pubSubSelector)
-
- const dispatch = useDispatch()
- const { theme } = useContext(ThemeContext)
-
- const { instanceId = '' } = useParams<{ instanceId: string }>()
-
- const [channels, setChannels] = useState(
- subscriptions?.length
- ? subscriptions.map((sub) => sub.channel).join(' ')
- : DEFAULT_SEARCH_MATCH,
- )
-
- const toggleSubscribe = () => {
- dispatch(toggleSubscribeTriggerPubSub(channels))
- }
-
- const onClickClear = () => {
- dispatch(clearPubSubMessages())
- sendEventTelemetry({
- event: TelemetryEvent.PUBSUB_MESSAGES_CLEARED,
- eventData: {
- databaseId: instanceId,
- messages: count,
- },
- })
- }
-
- const onFocusOut = () => {
- if (!channels) {
- setChannels(DEFAULT_SEARCH_MATCH)
- }
- }
-
- const subscribedIcon: AllIconsType =
- theme === Theme.Dark ? 'SubscribedDarkIcon' : 'SubscribedLightIcon'
- const notSubscribedIcon =
- theme === Theme.Dark ? 'NotSubscribedDarkIcon' : 'NotSubscribedLightIcon'
-
- const displayMessages = count !== 0 || isSubscribed
-
- return (
-
-
-
-
-
-
-
-
- You are {!isSubscribed && 'not'} subscribed
-
-
- {isSubscribed && (
-
-
-
- )}
- {displayMessages && (
-
-
- Messages: {count}
-
-
- )}
-
-
-
-
-
-
-
-
-
- setChannels(value)}
- onBlur={onFocusOut}
- placeholder="Enter Pattern"
- aria-label="channel names for filtering"
- data-testid="channels-input"
- />
-
-
-
-
-
- {!!messages.length && (
-
-
-
-
-
- )}
-
-
-
- )
-}
-
-export default SubscriptionPanel
diff --git a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/index.ts b/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/index.ts
deleted file mode 100644
index 675861ad29..0000000000
--- a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import SubscriptionPanel from './SubscriptionPanel'
-
-export default SubscriptionPanel
diff --git a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/styles.module.scss b/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/styles.module.scss
deleted file mode 100644
index afa5c66969..0000000000
--- a/redisinsight/ui/src/pages/pub-sub/components/subscription-panel/styles.module.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.buttonSubscribe {
- :global(.euiButton__text) {
- font-weight: normal !important;
- font-size: 12px !important;
- }
-}
-
-.container {
- height: 30px;
- margin: 0 -4px !important;
-}
-
-.iconSubscribe {
- width: 18px;
- height: 18px;
- margin-right: 6px;
-
- .iconUser {
- width: 18px;
- height: 18px;
- }
-}
-
-.channels {
- margin-right: 8px;
-
- :global(.euiFormControlLayout--compressed .inputAppendIcon > svg) {
- height: 31px !important;
- }
-}