#RI-2163 - Update events for CLI and Command Helper

Author: Roman.Sergeenko

redisinsight/ui/src/components/bottom-group-components/components/bottom-group-minimized/BottomGroupMinimized.tsx

@@ -28,7 +28,7 @@ const BottomGroupMinimized = () => {
 
   const handleExpandCli = () => {
     sendEventTelemetry({
-      event: TelemetryEvent.CLI_OPENED,
+      event: isShowCli ? TelemetryEvent.CLI_MINIMIZED : TelemetryEvent.CLI_OPENED,
       eventData: {
         databaseId: instanceId
       }
@@ -38,7 +38,7 @@ const BottomGroupMinimized = () => {
 
   const handleExpandHelper = () => {
     sendEventTelemetry({
-      event: isShowHelper ? TelemetryEvent.COMMAND_HELPER_COLLAPSED : TelemetryEvent.COMMAND_HELPER_EXPANDED,
+      event: isShowHelper ? TelemetryEvent.COMMAND_HELPER_MINIMIZED : TelemetryEvent.COMMAND_HELPER_OPENED,
       eventData: {
         databaseId: instanceId
       }

redisinsight/ui/src/components/cli/components/cli-header/CliHeader.tsx

@@ -48,7 +48,7 @@ const CliHeader = () => {
 
   const handleCloseCli = () => {
     sendEventTelemetry({
-      event: TelemetryEvent.CLI_HIDDEN,
+      event: TelemetryEvent.CLI_CLOSED,
       eventData: {
         databaseId: instanceId
       }

redisinsight/ui/src/components/command-helper/CommandHelperHeader/CommandHelperHeader.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { useDispatch, useSelector } from 'react-redux'
+import { useDispatch } from 'react-redux'
 import { useParams } from 'react-router-dom'
 
 import {
@@ -11,18 +11,17 @@ import {
   EuiIcon,
 } from '@elastic/eui'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
-import { cliSettingsSelector, resetCliHelperSettings, toggleCliHelper } from 'uiSrc/slices/cli/cli-settings'
+import { resetCliHelperSettings, toggleCliHelper } from 'uiSrc/slices/cli/cli-settings'
 
 import styles from './styles.module.scss'
 
 const CommandHelperHeader = () => {
-  const { isShowHelper } = useSelector(cliSettingsSelector)
   const { instanceId = '' } = useParams<{ instanceId: string }>()
   const dispatch = useDispatch()
 
-  const handleExpandHelper = () => {
+  const handleCloseHelper = () => {
     sendEventTelemetry({
-      event: isShowHelper ? TelemetryEvent.COMMAND_HELPER_COLLAPSED : TelemetryEvent.COMMAND_HELPER_EXPANDED,
+      event: TelemetryEvent.COMMAND_HELPER_CLOSED,
       eventData: {
         databaseId: instanceId
       }
@@ -31,6 +30,12 @@ const CommandHelperHeader = () => {
   }
 
   const handleHideHelper = () => {
+    sendEventTelemetry({
+      event: TelemetryEvent.COMMAND_HELPER_MINIMIZED,
+      eventData: {
+        databaseId: instanceId
+      }
+    })
     dispatch(toggleCliHelper())
   }
 
@@ -80,7 +85,7 @@ const CommandHelperHeader = () => {
               aria-label="close command helper"
               data-testid="close-command-helper"
               className={styles.icon}
-              onClick={handleExpandHelper}
+              onClick={handleCloseHelper}
             />
           </EuiToolTip>
         </EuiFlexItem>

redisinsight/ui/src/telemetry/events.ts

@@ -40,11 +40,12 @@ export enum TelemetryEvent {
   BROWSER_JSON_KEY_COLLAPSED = 'BROWSER_JSON_KEY_COLLAPSED',
 
   CLI_OPENED = 'CLI_OPENED',
-  CLI_HIDDEN = 'CLI_HIDDEN',
+  CLI_CLOSED = 'CLI_CLOSED',
   CLI_MINIMIZED = 'CLI_MINIMIZED',
   CLI_COMMAND_SUBMITTED = 'CLI_COMMAND_SUBMITTED',
-  COMMAND_HELPER_EXPANDED = 'COMMAND_HELPER_EXPANDED',
-  COMMAND_HELPER_COLLAPSED = 'COMMAND_HELPER_COLLAPSED',
+  COMMAND_HELPER_OPENED = 'COMMAND_HELPER_OPENED',
+  COMMAND_HELPER_CLOSED = 'COMMAND_HELPER_CLOSED',
+  COMMAND_HELPER_MINIMIZED = 'COMMAND_HELPER_MINIMIZED',
   COMMAND_HELPER_INFO_DISPLAYED_FOR_CLI_INPUT = 'COMMAND_HELPER_INFO_DISPLAYED_FOR_CLI_INPUT',
   COMMAND_HELPER_COMMAND_FILTERED = 'COMMAND_HELPER_COMMAND_FILTERED',
   COMMAND_HELPER_COMMAND_OPENED = 'COMMAND_HELPER_COMMAND_OPENED',