- Move queryProfile to parent and create a new telement event on the same.

Author: GnaneshKunal

redisinsight/ui/src/pages/workbench/components/wb-results/WBResults/WBResults.tsx

@@ -23,13 +23,15 @@ export interface Props {
   onQueryReRun: (query: string, commandId?: Nullable<string>, executeParams?: CodeButtonParams) => void
   onQueryDelete: (commandId: string) => void
   onQueryOpen: (commandId: string) => void
+  onQueryProfile: (query: string, commandId?: Nullable<string>, executeParams?: CodeButtonParams) => void
 }
 const WBResults = (props: Props) => {
   const {
     items = [],
     activeMode,
     activeResultsMode,
     onQueryReRun,
+    onQueryProfile,
     onQueryDelete,
     onQueryOpen,
     scrollDivRef
@@ -89,7 +91,7 @@ const WBResults = (props: Props) => {
           onQueryProfile={(profileType: ProfileQueryType) => {
             const profileQuery = generateProfileQueryForCommand(command, profileType)
             if (profileQuery) {
-              return onQueryReRun(
+              return onQueryProfile(
                 profileQuery,
                 null,
                 { mode, results: resultsMode, clearEditor: false, },

redisinsight/ui/src/pages/workbench/components/wb-results/WBResultsWrapper.tsx

@@ -13,6 +13,7 @@ export interface Props {
   onQueryReRun: (query: string, commandId?: Nullable<string>, executeParams?: CodeButtonParams) => void
   onQueryOpen: (commandId: string) => void
   onQueryDelete: (commandId: string) => void
+  onQueryProfile: (query: string, commandId?: Nullable<string>, executeParams?: CodeButtonParams) => void
 }
 
 const WBResultsWrapper = (props: Props) => (

redisinsight/ui/src/pages/workbench/components/wb-view/WBView/WBView.tsx

@@ -117,6 +117,11 @@ const WBView = (props: Props) => {
     onSubmit(query, commandId, executeParams)
   }
 
+  const handleProfile = (query?: string, commandId?: Nullable<string>, executeParams: CodeButtonParams = {}) => {
+    sendEventSubmitTelemetry(TelemetryEvent.WORKBENCH_COMMAND_PROFILE, query, executeParams)
+    onSubmit(query, commandId, executeParams)
+  }
+
   const sendEventSubmitTelemetry = (
     event: TelemetryEvent,
     commandInit = script,
@@ -236,6 +241,7 @@ const WBView = (props: Props) => {
                     activeResultsMode={resultsMode}
                     scrollDivRef={scrollDivRef}
                     onQueryReRun={handleReRun}
+                    onQueryProfile={handleProfile}
                     onQueryOpen={onQueryOpen}
                     onQueryDelete={onQueryDelete}
                   />

redisinsight/ui/src/pages/workbench/utils.ts

@@ -1,10 +1,10 @@
 import { ProfileQueryType, SEARCH_COMMANDS, GRAPH_COMMANDS } from './constants'
 
-export function generateGraphProfileQuery(query: string, type: ProfileQueryType) {
+export const generateGraphProfileQuery = (query: string, type: ProfileQueryType) => {
   return [`graph.${type.toLowerCase()}`, ...query.split(' ').slice(1)].join(' ')
 }
 
-export function generateSearchProfileQuery(query: string, type: ProfileQueryType) {
+export const generateSearchProfileQuery = (query: string, type: ProfileQueryType) => {
   const commandSplit = query.split(' ')
   const cmd = commandSplit[0]
 
@@ -18,7 +18,7 @@ export function generateSearchProfileQuery(query: string, type: ProfileQueryType
   }
 }
 
-export function generateProfileQueryForCommand(query: string, type: ProfileQueryType) {
+export const generateProfileQueryForCommand = (query: string, type: ProfileQueryType) => {
   const cmd = query.split(' ')[0].toLowerCase()
 
   if (GRAPH_COMMANDS.includes(cmd)) {

redisinsight/ui/src/telemetry/events.ts

@@ -98,6 +98,7 @@ export enum TelemetryEvent {
 
   WORKBENCH_COMMAND_COPIED = 'WORKBENCH_COMMAND_COPIED',
   WORKBENCH_COMMAND_RUN_AGAIN = 'WORKBENCH_COMMAND_RUN_AGAIN',
+  WORKBENCH_COMMAND_PROFILE = 'WORKBENCH_COMMAND_PROFILE',
   WORKBENCH_COMMAND_DELETE_COMMAND = 'WORKBENCH_COMMAND_DELETE_COMMAND',
   WORKBENCH_RESULTS_IN_FULL_SCREEN = 'WORKBENCH_RESULTS_IN_FULL_SCREEN',
   WORKBENCH_RESULTS_COLLAPSED = 'WORKBENCH_RESULTS_COLLAPSED',