From 7cb82e9c9303048d9964d45be60e905f5fd7605d Mon Sep 17 00:00:00 2001 From: Pavel Angelov Date: Mon, 10 Nov 2025 14:32:04 +0200 Subject: [PATCH] remove unused component --- .../ui/src/pages/pub-sub/components/index.ts | 3 +- .../SubscriptionPanel.spec.tsx | 51 ------ .../subscription-panel/SubscriptionPanel.tsx | 154 ------------------ .../components/subscription-panel/index.ts | 3 - .../subscription-panel/styles.module.scss | 30 ---- 5 files changed, 1 insertion(+), 240 deletions(-) delete mode 100644 redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.spec.tsx delete mode 100644 redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.tsx delete mode 100644 redisinsight/ui/src/pages/pub-sub/components/subscription-panel/index.ts delete mode 100644 redisinsight/ui/src/pages/pub-sub/components/subscription-panel/styles.module.scss 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; - } -}