#RI-4541 - add subscribe error message

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/cli/components/cli-body/CliBodyWrapper.tsx

@@ -19,7 +19,7 @@ import {
   processUnsupportedCommand,
   processUnrepeatableNumber,
 } from 'uiSrc/slices/cli/cli-output'
-import { CommandMonitor, CommandPSubscribe, Pages } from 'uiSrc/constants'
+import { CommandMonitor, CommandPSubscribe, CommandSubscribe, Pages } from 'uiSrc/constants'
 import { getCommandRepeat, isRepeatCountCorrect } from 'uiSrc/utils'
 import { ConnectionType } from 'uiSrc/slices/interfaces'
 import { ClusterNodeRole } from 'uiSrc/slices/interfaces/cli'
@@ -107,6 +107,13 @@ const CliBodyWrapper = () => {
       return
     }
 
+    // Flow if SUBSCRIBE command was executed
+    if (checkUnsupportedCommand([CommandSubscribe.toLowerCase()], commandLine)) {
+      dispatch(concatToOutput(cliTexts.SUBSCRIBE_COMMAND_CLI(Pages.pubSub(instanceId))))
+      resetCommand()
+      return
+    }
+
     if (unsupportedCommand) {
       dispatch(processUnsupportedCommand(commandLine, unsupportedCommand, resetCommand))
       return

redisinsight/ui/src/components/query-card/QueryCardCommonResult/components/CommonErrorResponse/CommonErrorResponse.tsx

@@ -10,7 +10,7 @@ import {
   isRepeatCountCorrect
 } from 'uiSrc/utils'
 import { cliTexts, SelectCommand } from 'uiSrc/constants/cliOutput'
-import { CommandMonitor, CommandPSubscribe, Pages } from 'uiSrc/constants'
+import { CommandMonitor, CommandPSubscribe, CommandSubscribe, Pages } from 'uiSrc/constants'
 import { CommandExecutionStatus } from 'uiSrc/slices/interfaces/cli'
 
 import { cliSettingsSelector } from 'uiSrc/slices/cli/cli-settings'
@@ -30,6 +30,10 @@ const CommonErrorResponse = (id: string, command = '', result?: any) => {
   if (checkUnsupportedCommand([CommandMonitor.toLowerCase()], commandLine)) {
     return cliTexts.MONITOR_COMMAND(() => { dispatch(showMonitor()) })
   }
+  // Flow if SUBSCRIBE command was executed
+  if (checkUnsupportedCommand([CommandSubscribe.toLowerCase()], commandLine)) {
+    return cliTexts.SUBSCRIBE_COMMAND(Pages.pubSub(instanceId))
+  }
   // Flow if PSUBSCRIBE command was executed
   if (checkUnsupportedCommand([CommandPSubscribe.toLowerCase()], commandLine)) {
     return cliTexts.PSUBSCRIBE_COMMAND(Pages.pubSub(instanceId))

redisinsight/ui/src/constants/cliOutput.tsx

@@ -70,12 +70,27 @@ export const cliTexts = {
       {' to see the messages published to all channels in your database.'}
     </EuiTextColor>
   ),
+  SUBSCRIBE_COMMAND: (path: string = '') => (
+    <EuiTextColor color="danger" key={Date.now()}>
+      {'Use '}
+      <EuiLink {...getRouterLinkProps(path)} color="text" data-test-subj="pubsub-page-btn">
+        Pub/Sub
+      </EuiLink>
+      {' tool to subscribe to channels.'}
+    </EuiTextColor>
+  ),
   PSUBSCRIBE_COMMAND_CLI: (path: string = '') => (
     [
       cliTexts.PSUBSCRIBE_COMMAND(path),
       '\n',
     ]
   ),
+  SUBSCRIBE_COMMAND_CLI: (path: string = '') => (
+    [
+      cliTexts.SUBSCRIBE_COMMAND(path),
+      '\n',
+    ]
+  ),
   MONITOR_COMMAND: (onClick: () => void) => (
     <EuiTextColor color="danger" key={Date.now()}>
       {'Use '}

redisinsight/ui/src/constants/commands.ts

@@ -89,6 +89,7 @@ export enum CommandPrefix {
 
 export const CommandMonitor = 'MONITOR'
 export const CommandPSubscribe = 'PSUBSCRIBE'
+export const CommandSubscribe = 'SUBSCRIBE'
 
 export enum CommandRediSearch {
   Search = 'FT.SEARCH',