#RI-3788-fix monitor command in group mode

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/query-card/QueryCardCliGroupResult/QueryCardCliGroupResult.tsx

@@ -2,8 +2,9 @@ import { flatten } from 'lodash'
 import React from 'react'
 
 import { CommandExecutionResult } from 'uiSrc/slices/interfaces'
-import { cliParseCommandsGroupResult, Maybe } from 'uiSrc/utils'
+import { cliParseCommandsGroupResult, wbSummaryCommand, Maybe } from 'uiSrc/utils'
 import QueryCardCliDefaultResult from '../QueryCardCliDefaultResult'
+import { CommonErrorResponse } from '../QueryCardCommonResult'
 
 export interface Props {
   result?: Maybe<CommandExecutionResult[]>
@@ -12,12 +13,18 @@ export interface Props {
 
 const QueryCardCliGroupResult = (props: Props) => {
   const { result = [], isFullScreen } = props
+
   return (
     <div data-testid="query-cli-default-result" className="query-card-output-response-success">
       <QueryCardCliDefaultResult
         isFullScreen={isFullScreen}
-        items={flatten(result?.[0]?.response.map((item: any) =>
-          flatten(cliParseCommandsGroupResult(item))))}
+        items={flatten(result?.[0]?.response.map((item: any) => {
+          const commonError = CommonErrorResponse(item.command, item.response)
+          if (React.isValidElement(commonError)) {
+            return ([wbSummaryCommand(item.command), commonError])
+          }
+          return flatten(cliParseCommandsGroupResult(item))
+        }))}
       />
     </div>
   )

redisinsight/ui/src/utils/cliHelper.tsx

@@ -197,5 +197,6 @@ export {
   checkBlockingCommand,
   checkUnsupportedModuleCommand,
   getDbIndexFromSelectQuery,
-  getCommandNameFromQuery
+  getCommandNameFromQuery,
+  wbSummaryCommand
 }