Move back handle query profile implementation outside

Fix comments - #1736 (comment)

Author: GnaneshKunal

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

@@ -52,6 +52,21 @@ const WBResults = (props: Props) => {
     </div>
   )
 
+  const handleQueryProfile = (
+    profileType: ProfileQueryType,
+    commandExecution: { command: string, mode?: RunQueryMode, resultsMode?: ResultsMode }
+  ) => {
+    const { command, mode, resultsMode } = commandExecution
+    const profileQuery = generateProfileQueryForCommand(command, profileType)
+    if (profileQuery) {
+      onQueryProfile(
+        profileQuery,
+        null,
+        { mode, results: resultsMode, clearEditor: false, },
+      )
+    }
+  }
+
   return (
     <div className={cx(styles.container)}>
       <div ref={scrollDivRef} />
@@ -90,16 +105,10 @@ const WBResults = (props: Props) => {
           resultsMode={resultsMode}
           db={db}
           onQueryOpen={() => onQueryOpen(id)}
-          onQueryProfile={(profileType: ProfileQueryType) => {
-            const profileQuery = generateProfileQueryForCommand(command, profileType)
-            if (profileQuery) {
-              return onQueryProfile(
-                profileQuery,
-                null,
-                { mode, results: resultsMode, clearEditor: false, },
-              )
-            }
-          }}
+          onQueryProfile={profileType => handleQueryProfile(
+            profileType,
+            { command, mode, resultsMode },
+          )}
           onQueryReRun={() => onQueryReRun(
             command,
             null,