* #RI-3848 - Button is displayed with incorrect scanned parameters

* removed panelState from BrowserLeftPanel

Author: egor-zalenski

redisinsight/ui/src/pages/browser/BrowserPage.tsx

@@ -186,11 +186,9 @@ const BrowserPage = () => {
                 >
                   <BrowserLeftPanel
                     selectKey={selectKey}
-                    panelsState={{
-                      handleAddKeyPanel,
-                      handleBulkActionsPanel,
-                      handleCreateIndexPanel,
-                    }}
+                    handleAddKeyPanel={handleAddKeyPanel}
+                    handleBulkActionsPanel={handleBulkActionsPanel}
+                    handleCreateIndexPanel={handleCreateIndexPanel}
                   />
                 </EuiResizablePanel>
 

redisinsight/ui/src/pages/browser/components/browser-left-panel/BrowserLeftPanel.tsx

@@ -27,24 +27,18 @@ import styles from './styles.module.scss'
 
 export interface Props {
   selectKey: ({ rowData }: { rowData: any }) => void
-  panelsState: {
-    handleAddKeyPanel: (value: boolean) => void
-    handleBulkActionsPanel: (value: boolean) => void
-    handleCreateIndexPanel: (value: boolean) => void
-  }
+  handleAddKeyPanel: (value: boolean) => void
+  handleBulkActionsPanel: (value: boolean) => void
+  handleCreateIndexPanel: (value: boolean) => void
 }
 
 const BrowserLeftPanel = (props: Props) => {
   const {
     selectKey,
-    panelsState,
-  } = props
-
-  const {
     handleAddKeyPanel,
     handleBulkActionsPanel,
     handleCreateIndexPanel,
-  } = panelsState
+  } = props
 
   const { instanceId } = useParams<{ instanceId: string }>()
   const patternKeysState = useSelector(keysDataSelector)

redisinsight/ui/src/pages/browser/components/key-list/KeyList.tsx

@@ -100,10 +100,6 @@ const KeyList = forwardRef((props: Props, ref) => {
 
   useEffect(() => {
     cancelAllMetadataRequests()
-
-    return () => {
-      dispatch(setLastBatchKeys(itemsRef.current?.slice(-SCAN_COUNT_DEFAULT - 1), searchMode))
-    }
   }, [searchMode])
 
   useEffect(() => {
@@ -118,7 +114,6 @@ const KeyList = forwardRef((props: Props, ref) => {
     if (itemsRef.current.length === 0) {
       cancelAllMetadataRequests()
       setFirstDataLoaded(true)
-      dispatch(resetKeysData(searchMode))
       rerender({})
       return
     }

redisinsight/ui/src/pages/browser/components/key-tree/KeyTree.tsx

@@ -204,7 +204,6 @@ const KeyTree = forwardRef((props: Props, ref) => {
                     <KeyList
                       hideHeader
                       hideFooter
-                      ref={ref}
                       keysState={keyListState}
                       loading={loading || constructingTree}
                       selectKey={selectKey}

redisinsight/ui/src/pages/home/components/DatabasesListComponent/DatabasesListWrapper.tsx

@@ -24,7 +24,7 @@ import {
   ConnectionType,
   Instance,
 } from 'uiSrc/slices/interfaces'
-import { resetPatternKeysData } from 'uiSrc/slices/browser/keys'
+import { resetKeys } from 'uiSrc/slices/browser/keys'
 import { resetRedisearchKeysData } from 'uiSrc/slices/browser/redisearch'
 import { PageNames, Pages, Theme } from 'uiSrc/constants'
 import { sendEventTelemetry, TelemetryEvent, getRedisModulesSummary } from 'uiSrc/telemetry'
@@ -108,8 +108,8 @@ const DatabasesListWrapper = ({
 
   const connectToInstance = (id = '') => {
     if (contextInstanceId && contextInstanceId !== id) {
+      dispatch(resetKeys())
       dispatch(resetRedisearchKeysData())
-      dispatch(resetPatternKeysData())
       dispatch(resetCliSettingsAction())
       dispatch(resetCliHelperSettings())
       dispatch(setAppContextInitialState())