* #RI-3672 - 400 error and key not displayed when searching for key

* #RI-3671 - Keys are not refreshed when there are no keys of selected type

Author: egor-zalenski

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

@@ -99,6 +99,7 @@ const KeyList = forwardRef((props: Props, ref) => {
   useEffect(() => {
     itemsRef.current = [...keysState.keys]
     if (itemsRef.current.length === 0) {
+      rerender({})
       return
     }
 
@@ -168,6 +169,7 @@ const KeyList = forwardRef((props: Props, ref) => {
     const newItems = bufferFormatRows(startIndex, lastIndex)
 
     getMetadata(startIndex, lastIndex, newItems)
+    rerender({})
   }, 100)
 
   const bufferFormatRows = (startIndex: number, lastIndex: number): GetKeyInfoResponse[] => {
@@ -199,7 +201,8 @@ const KeyList = forwardRef((props: Props, ref) => {
           lastIndex,
           loadedItems,
           isFirstEmpty: !isSomeNotUndefined(itemsInit[0]),
-        })
+        }),
+      () => { rerender({}) }
     ))
   }
 

redisinsight/ui/src/utils/formatters/utils.ts

@@ -4,7 +4,7 @@ export const bufferFormatRangeItems = (
   const newItems = []
   if (lastIndex >= startIndex) {
     for (let index = startIndex; index <= lastIndex; index++) {
-      if (!items[index]) return [startIndex, newItems]
+      if (!items[index]) return newItems
       newItems.push(formatItem(items[index]))
     }
   }