#RI-810 - integration with consumer groups list

Author: rsergeenko

redisinsight/ui/src/constants/keys.ts

@@ -118,12 +118,24 @@ export const KEY_TYPES_ACTIONS: KeyTypesActions = Object.freeze({
   [KeyTypes.ReJSON]: {}
 })
 
+export const STREAM_ADD_GROUP_VIEW_TYPES = [
+  StreamViewType.Groups,
+  StreamViewType.Consumers,
+  StreamViewType.Messages
+]
+
 export const STREAM_ADD_ACTION = Object.freeze({
-  [StreamViewType.Streams]: {
+  [StreamViewType.Data]: {
     name: 'New Entry'
   },
   [StreamViewType.Groups]: {
     name: 'New Group'
+  },
+  [StreamViewType.Consumers]: {
+    name: 'New Group'
+  },
+  [StreamViewType.Messages]: {
+    name: 'New Group'
   }
 })
 

redisinsight/ui/src/pages/browser/components/key-details/KeyDetails/KeyDetails.tsx

@@ -23,7 +23,7 @@ import {
   keysSelector,
 } from 'uiSrc/slices/browser/keys'
 import { cleanRangeFilter, streamSelector } from 'uiSrc/slices/browser/stream'
-import { KeyTypes, ModulesKeyTypes, MODULES_KEY_TYPES_NAMES } from 'uiSrc/constants'
+import { KeyTypes, ModulesKeyTypes, MODULES_KEY_TYPES_NAMES, STREAM_ADD_GROUP_VIEW_TYPES } from 'uiSrc/constants'
 import { connectedInstanceSelector } from 'uiSrc/slices/instances/instances'
 import { StreamViewType } from 'uiSrc/slices/interfaces/stream'
 import { sendEventTelemetry, TelemetryEvent, getBasedOnViewTypeEvent } from 'uiSrc/telemetry'
@@ -207,10 +207,10 @@ const KeyDetails = ({ ...props }: Props) => {
                     )}
                     {selectedKeyType === KeyTypes.Stream && (
                       <>
-                        {streamViewType === StreamViewType.Streams && (
+                        {streamViewType === StreamViewType.Data && (
                           <AddStreamEntries onCancel={closeAddItemPanel} />
                         )}
-                        {streamViewType === StreamViewType.Groups && (
+                        {STREAM_ADD_GROUP_VIEW_TYPES.includes(streamViewType) && (
                           <AddStreamGroup onCancel={closeAddItemPanel} />
                         )}
                       </>

redisinsight/ui/src/slices/browser/stream.ts

@@ -490,8 +490,7 @@ export function addNewGroupAction(
 
       if (isStatusSuccessful(status)) {
         dispatch(addNewGroupSuccess())
-        // TODO refreshStreamGroups
-        //dispatch<any>(refreshStreamEntries(data.keyName, false))
+        dispatch<any>(fetchConsumerGroups(false))
         dispatch<any>(refreshKeyInfoAction(data.keyName))
         onSuccess?.()
       }