From 883da7f7534f5a872ea7b55fa40104ccc54c7d48 Mon Sep 17 00:00:00 2001 From: Zalenski Egor <63463140+zalenskiSofteq@users.noreply.github.com> Date: Fri, 25 Mar 2022 11:08:31 +0300 Subject: [PATCH 1/2] #RI-2470 - Changes are not applied for the "Create free database" button when application restarts #RI-2630 - Font color for Internal link to Workbench displayed in Graph and TS key details is wrong --- .../ui/src/components/config/Config.spec.tsx | 3 - .../ui/src/components/config/Config.tsx | 2 - .../components/ShortInstanceInfo.spec.tsx | 28 ++++ .../components/ShortInstanceInfo.tsx | 4 +- .../components/RedisStackRoutes.spec.tsx | 28 ++++ .../components/DefaultErrorContent.spec.tsx | 28 ++++ .../EncryptionErrorContent.spec.tsx | 25 ++++ .../QueryCardCliPlugin.spec.tsx | 28 ++++ .../DedicatedEditor/DedicatedEditor.spec.tsx | 28 ++++ .../query/DedicatedEditor/DedicatedEditor.tsx | 4 +- .../src/utils/tests/formatLongName.spec.ts | 30 +++++ .../styles.module.scss | 3 +- .../ui/src/pages/home/HomePage.spec.tsx | 1 + redisinsight/ui/src/pages/home/HomePage.tsx | 2 + .../HelpLinksMenu/HelpLinksMenu.tsx | 6 +- .../HelpLinksMenu/HelpLinskMenu.spec.tsx | 28 ++++ .../edit-connection/EditConnection.spec.tsx | 25 ++++ .../LazyInternalPage.spec.tsx | 28 ++++ redisinsight/ui/src/services/index.ts | 3 +- redisinsight/ui/src/services/queryHistory.ts | 125 ------------------ 20 files changed, 288 insertions(+), 141 deletions(-) create mode 100644 redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.spec.tsx create mode 100644 redisinsight/ui/src/components/main-router/components/RedisStackRoutes.spec.tsx create mode 100644 redisinsight/ui/src/components/notifications/components/DefaultErrorContent.spec.tsx create mode 100644 redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.spec.tsx create mode 100644 redisinsight/ui/src/components/query-card/QueryCardCliPlugin/QueryCardCliPlugin.spec.tsx create mode 100644 redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.spec.tsx create mode 100644 redisinsight/ui/src/packages/redisearch/src/utils/tests/formatLongName.spec.ts create mode 100644 redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinskMenu.spec.tsx create mode 100644 redisinsight/ui/src/pages/redisStack/components/edit-connection/EditConnection.spec.tsx create mode 100644 redisinsight/ui/src/pages/workbench/components/enablement-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.spec.tsx delete mode 100644 redisinsight/ui/src/services/queryHistory.ts diff --git a/redisinsight/ui/src/components/config/Config.spec.tsx b/redisinsight/ui/src/components/config/Config.spec.tsx index 3114a0c4c7..659bd72ea0 100644 --- a/redisinsight/ui/src/components/config/Config.spec.tsx +++ b/redisinsight/ui/src/components/config/Config.spec.tsx @@ -10,7 +10,6 @@ import { import { getServerInfo } from 'uiSrc/slices/app/info' import { processCliClient } from 'uiSrc/slices/cli/cli-settings' import { getRedisCommands } from 'uiSrc/slices/app/redis-commands' -import { getContent as getCreateRedisButtons } from 'uiSrc/slices/content/create-redis-buttons' import Config from './Config' let store: typeof mockedStore @@ -39,7 +38,6 @@ describe('Config', () => { getServerInfo(), processCliClient(), getRedisCommands(), - getCreateRedisButtons(), getUserConfigSettings() ] expect(store.getActions()).toEqual([...afterRenderActions]) @@ -69,7 +67,6 @@ describe('Config', () => { getServerInfo(), processCliClient(), getRedisCommands(), - getCreateRedisButtons(), getUserConfigSettings(), setSettingsPopupState(true), ] diff --git a/redisinsight/ui/src/components/config/Config.tsx b/redisinsight/ui/src/components/config/Config.tsx index a548103c86..5f707de5cb 100644 --- a/redisinsight/ui/src/components/config/Config.tsx +++ b/redisinsight/ui/src/components/config/Config.tsx @@ -19,7 +19,6 @@ import { checkIsAnalyticsGranted, getTelemetryService } from 'uiSrc/telemetry' import { setFavicon, isDifferentConsentsExists } from 'uiSrc/utils' import { fetchUnsupportedCliCommandsAction } from 'uiSrc/slices/cli/cli-settings' import { fetchRedisCommandsInfo } from 'uiSrc/slices/app/redis-commands' -import { fetchContentAction as fetchCreateRedisButtonsAction } from 'uiSrc/slices/content/create-redis-buttons' import favicon from 'uiSrc/assets/favicon.ico' const SETTINGS_PAGE_PATH = '/settings' @@ -37,7 +36,6 @@ const Config = () => { dispatch(fetchServerInfo()) dispatch(fetchUnsupportedCliCommandsAction()) dispatch(fetchRedisCommandsInfo()) - dispatch(fetchCreateRedisButtonsAction()) // fetch config settings, after that take spec if (pathname !== SETTINGS_PAGE_PATH) { diff --git a/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.spec.tsx b/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.spec.tsx new file mode 100644 index 0000000000..638aa8c694 --- /dev/null +++ b/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.spec.tsx @@ -0,0 +1,28 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { instance, mock } from 'ts-mockito' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import ShortInstanceInfo, { Props } from './ShortInstanceInfo' + +const mockedProps = mock() + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('ShortInstanceInfo', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.tsx b/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.tsx index 0e00acc263..908b2a5953 100644 --- a/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.tsx +++ b/redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.tsx @@ -11,7 +11,7 @@ import { ReactComponent as VersionIcon } from 'uiSrc/assets/img/icons/version.sv import styles from './styles.module.scss' -interface IProps { +export interface Props { info: { name: string host: string @@ -22,7 +22,7 @@ interface IProps { user?: Nullable } } -const ShortInstanceInfo = ({ info }: IProps) => { +const ShortInstanceInfo = ({ info }: Props) => { const { name, host, port, connectionType, version, user, dbIndex } = info return ((
diff --git a/redisinsight/ui/src/components/main-router/components/RedisStackRoutes.spec.tsx b/redisinsight/ui/src/components/main-router/components/RedisStackRoutes.spec.tsx new file mode 100644 index 0000000000..da98952613 --- /dev/null +++ b/redisinsight/ui/src/components/main-router/components/RedisStackRoutes.spec.tsx @@ -0,0 +1,28 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { instance, mock } from 'ts-mockito' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import RedisStackRoutes, { Props } from './RedisStackRoutes' + +const mockedProps = mock() + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('RedisStackRoutes', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/components/notifications/components/DefaultErrorContent.spec.tsx b/redisinsight/ui/src/components/notifications/components/DefaultErrorContent.spec.tsx new file mode 100644 index 0000000000..c05743f86a --- /dev/null +++ b/redisinsight/ui/src/components/notifications/components/DefaultErrorContent.spec.tsx @@ -0,0 +1,28 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { instance, mock } from 'ts-mockito' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import DefaultErrorContent, { Props } from './DefaultErrorContent' + +const mockedProps = mock() + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('DefaultErrorContent', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.spec.tsx b/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.spec.tsx new file mode 100644 index 0000000000..898a7e7003 --- /dev/null +++ b/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.spec.tsx @@ -0,0 +1,25 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import EncryptionErrorContent from './EncryptionErrorContent' + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('EncryptionErrorContent', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/components/query-card/QueryCardCliPlugin/QueryCardCliPlugin.spec.tsx b/redisinsight/ui/src/components/query-card/QueryCardCliPlugin/QueryCardCliPlugin.spec.tsx new file mode 100644 index 0000000000..018b1c18d3 --- /dev/null +++ b/redisinsight/ui/src/components/query-card/QueryCardCliPlugin/QueryCardCliPlugin.spec.tsx @@ -0,0 +1,28 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { instance, mock } from 'ts-mockito' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import QueryCardCliPlugin, { Props } from './QueryCardCliPlugin' + +const mockedProps = mock() + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('QueryCardCliPlugin', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.spec.tsx b/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.spec.tsx new file mode 100644 index 0000000000..88a64dd7cb --- /dev/null +++ b/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.spec.tsx @@ -0,0 +1,28 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { instance, mock } from 'ts-mockito' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import DedicatedEditor, { Props } from './DedicatedEditor' + +const mockedProps = mock() + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('DedicatedEditor', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.tsx b/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.tsx index f683acbf4b..3be49c66e2 100644 --- a/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.tsx +++ b/redisinsight/ui/src/components/query/DedicatedEditor/DedicatedEditor.tsx @@ -195,7 +195,7 @@ const DedicatedEditor = (props: Props) => {
{ />
- { selectedLang.name } + { selectedLang?.name }
{ + it.each(formatLongNameTests)('for input: %s (name), %s (maxNameLength), %s (endPartLength), %s (separator), should be output: %s', + (name, maxNameLength, endPartLength, separator, expected) => { + const result = formatLongName(name, maxNameLength, endPartLength, separator) + expect(result).toBe(expected) + }) +}) + +const formatNameShortTests: any[] = [ + ['11111111111112', '11111111111112'], + ['uaoe uaoeu aoeuaoeua', 'uaoe uaoeu aoeuaoeua'], + ['test test test test test test test test test test test test test test test test test test test ', + 'test test test test test test test test test test ...test test test '], +] + +describe('formatNameShort', () => { + it.each(formatNameShortTests)('for input: %s (name), should be output: %s', + (name, expected) => { + const result = formatNameShort(name) + expect(result).toBe(expected) + }) +}) diff --git a/redisinsight/ui/src/pages/browser/components/unsupported-type-details/styles.module.scss b/redisinsight/ui/src/pages/browser/components/unsupported-type-details/styles.module.scss index dcb4c4fffc..d7bb0e297a 100644 --- a/redisinsight/ui/src/pages/browser/components/unsupported-type-details/styles.module.scss +++ b/redisinsight/ui/src/pages/browser/components/unsupported-type-details/styles.module.scss @@ -22,6 +22,5 @@ .link { text-decoration: underline; - color: currentColor; - color: var(--euiColorPrimary); + color: var(--euiColorFullShade); } diff --git a/redisinsight/ui/src/pages/home/HomePage.spec.tsx b/redisinsight/ui/src/pages/home/HomePage.spec.tsx index 95087f078e..dfbab04b04 100644 --- a/redisinsight/ui/src/pages/home/HomePage.spec.tsx +++ b/redisinsight/ui/src/pages/home/HomePage.spec.tsx @@ -4,6 +4,7 @@ import { render } from 'uiSrc/utils/test-utils' import HomePage from './HomePage' jest.mock('uiSrc/slices/content/create-redis-buttons', () => ({ + ...jest.requireActual('uiSrc/slices/content/create-redis-buttons'), contentSelector: () => jest.fn().mockReturnValue({ data: {}, loading: false }), })) diff --git a/redisinsight/ui/src/pages/home/HomePage.tsx b/redisinsight/ui/src/pages/home/HomePage.tsx index 3d97e7aed2..5c12e5d5d5 100644 --- a/redisinsight/ui/src/pages/home/HomePage.tsx +++ b/redisinsight/ui/src/pages/home/HomePage.tsx @@ -16,6 +16,7 @@ import { fetchInstancesAction, instancesSelector } from 'uiSrc/slices/instances' import { localStorageService } from 'uiSrc/services' import { resetDataSentinel, sentinelSelector } from 'uiSrc/slices/sentinel' import { appAnalyticsInfoSelector } from 'uiSrc/slices/app/info' +import { fetchContentAction as fetchCreateRedisButtonsAction } from 'uiSrc/slices/content/create-redis-buttons' import { sendEventTelemetry, sendPageViewTelemetry, TelemetryEvent, TelemetryPageView } from 'uiSrc/telemetry' import AddDatabaseContainer from './components/AddDatabases/AddDatabasesContainer' import DatabasesList from './components/DatabasesListComponent/DatabasesListWrapper' @@ -58,6 +59,7 @@ const HomePage = () => { dispatch(fetchInstancesAction()) dispatch(resetInstancesRedisCluster()) dispatch(resetSubscriptionsRedisCloud()) + dispatch(fetchCreateRedisButtonsAction()) }, []) useEffect(() => { diff --git a/redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinksMenu.tsx b/redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinksMenu.tsx index 8558857ad7..476babf389 100644 --- a/redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinksMenu.tsx +++ b/redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinksMenu.tsx @@ -5,12 +5,12 @@ import { IHelpGuide } from 'uiSrc/pages/home/constants/help-links' import styles from './styles.module.scss' -interface IProps { +export interface Props { onLinkClick?: (link: string) => void items: IHelpGuide[] } -const HelpLinksMenu = ({ onLinkClick, items }: IProps) => { +const HelpLinksMenu = ({ onLinkClick, items }: Props) => { const [isPopoverOpen, setPopover] = useState(false) const onButtonClick = () => { @@ -28,7 +28,7 @@ const HelpLinksMenu = ({ onLinkClick, items }: IProps) => { } } - const menuItems = items.map(({ id, url, title, primary }) => ( + const menuItems = items?.map(({ id, url, title, primary }) => ( () + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('HelpLinksMenu', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/pages/redisStack/components/edit-connection/EditConnection.spec.tsx b/redisinsight/ui/src/pages/redisStack/components/edit-connection/EditConnection.spec.tsx new file mode 100644 index 0000000000..3666dd3598 --- /dev/null +++ b/redisinsight/ui/src/pages/redisStack/components/edit-connection/EditConnection.spec.tsx @@ -0,0 +1,25 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import EditConnection from './EditConnection' + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('EditConnection', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/pages/workbench/components/enablement-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.spec.tsx b/redisinsight/ui/src/pages/workbench/components/enablement-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.spec.tsx new file mode 100644 index 0000000000..a78953ec84 --- /dev/null +++ b/redisinsight/ui/src/pages/workbench/components/enablement-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.spec.tsx @@ -0,0 +1,28 @@ +import { cloneDeep } from 'lodash' +import React from 'react' +import { instance, mock } from 'ts-mockito' +import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils' +import LazyInternalPage, { Props } from './LazyInternalPage' + +const mockedProps = mock() + +let store: typeof mockedStore +beforeEach(() => { + cleanup() + store = cloneDeep(mockedStore) + store.clearActions() +}) + +jest.mock('uiSrc/services', () => ({ + ...jest.requireActual('uiSrc/services'), + sessionStorageService: { + set: jest.fn(), + get: jest.fn(), + }, +})) + +describe('LazyInternalPage', () => { + it('should render', () => { + expect(render()).toBeTruthy() + }) +}) diff --git a/redisinsight/ui/src/services/index.ts b/redisinsight/ui/src/services/index.ts index bf3f522850..5514035bdd 100644 --- a/redisinsight/ui/src/services/index.ts +++ b/redisinsight/ui/src/services/index.ts @@ -1,9 +1,8 @@ import apiService from './apiService' import resourcesService from './resourcesService' -import queryHistory from './queryHistory' export * from './routing' export * from './theme' export * from './hooks' export * from './storage' -export { apiService, queryHistory, resourcesService } +export { apiService, resourcesService } diff --git a/redisinsight/ui/src/services/queryHistory.ts b/redisinsight/ui/src/services/queryHistory.ts deleted file mode 100644 index 75d2e7cd95..0000000000 --- a/redisinsight/ui/src/services/queryHistory.ts +++ /dev/null @@ -1,125 +0,0 @@ -/* - * History Container can store an array of data of type `T`. The - * container name provided must be unique since all the data in the - * container is persisted to local store under a key. It also exposes - * some utility APIs. - */ -import { cloneDeep } from 'lodash' - -import { localStorageService } from './storage' - -export interface IHistoryObject { - query: string; - id: number; - data: any; - fromPersistentStore?: boolean; -} - -export default class HistoryContainer { - private data: T[] = [] - - private readonly CONTAINER_KEY_PREFIX = 'HISTORY_CONTAINER_' - - private containerKey: string - - constructor(keyName: string = '', cont?: T[]) { - this.containerKey = keyName - const persistKey = this.CONTAINER_KEY_PREFIX + this.containerKey - if (cont) { - this.data = [...cont] - this.updateStore() - } else { - this.data = localStorageService.get(persistKey) ?? [] - } - } - - /* - * Retrieve data else return empty Array of type `T` - */ - getData(): T[] { - return [...this.data] - } - - updateStore() { - const persistKey = this.CONTAINER_KEY_PREFIX + this.containerKey - localStorageService.set( - persistKey, - cloneDeep(this.data).map((x) => ({ - ...x, - data: undefined, - time: null, - matched: null, - fromPersistentStore: true, - })) - ) - } - - /* - * Append a data entry to the container - */ - pushData(data: T): void { - this.data.unshift(data) - this.updateStore() - } - - /* - * Return the length of the history container - */ - getLength(): number { - return this.getData().length - } - - // /* - // * Replace the container data with the provided data - // */ - // replaceData(data: T[]): HistoryContainer { - // const { containerKey } = this; - - // return new HistoryContainer(containerKey, data); - // } - - /* - * Check whether container has an item with the given id - */ - hasId(id: number): boolean { - const keyData = this.getData() - - return keyData.findIndex((item) => item.id === id) !== -1 - } - - /* - * Replace history data whose id equals `id` with `data` - */ - replaceHistoryItem(id: number, data: T): void { - this.data = this.data.map((item) => { - if (item.id === id) { - return data - } - return item - }) - this.updateStore() - } - - /* - * Delete an history item - */ - deleteHistoryItem(id: number): void { - this.data = this.data.filter((item) => item.id !== id) - this.updateStore() - } - - /* - * Delete an history last item - */ - deleteHistoryLastItem(): void { - this.data.pop() - this.updateStore() - } - - // /* - // * Clear the history - // */ - // clearHistory(): HistoryContainer { - // return this.replaceData([] as T[]); - // } -} From 535f1592c8e6c6cf0689fb036205407399359de0 Mon Sep 17 00:00:00 2001 From: Zalenski Egor <63463140+zalenskiSofteq@users.noreply.github.com> Date: Fri, 25 Mar 2022 11:56:18 +0300 Subject: [PATCH 2/2] #RI-2634 - Unfold button for enablement area is at the top on panel --- .../workbench/components/enablement-area/styles.module.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/redisinsight/ui/src/pages/workbench/components/enablement-area/styles.module.scss b/redisinsight/ui/src/pages/workbench/components/enablement-area/styles.module.scss index 1645c42199..5f6d0eac5f 100644 --- a/redisinsight/ui/src/pages/workbench/components/enablement-area/styles.module.scss +++ b/redisinsight/ui/src/pages/workbench/components/enablement-area/styles.module.scss @@ -27,7 +27,9 @@ } .areaContentWrapper { - height: 100% !important; + &:not(.minimized) { + height: 100% !important; + } &.minimized { width: 0;