Merge pull request #2968 from RedisInsight/fe/feature/RI-5340

#RI-5340 - add tooltip for run button

Author: rsergeenko

redisinsight/ui/src/components/database-side-panels/panels/enablement-area/EnablementArea/components/CodeButtonBlock/CodeButtonBlock.tsx

@@ -1,4 +1,4 @@
-import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiPopover, EuiSpacer, EuiTitle } from '@elastic/eui'
+import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiPopover, EuiSpacer, EuiTitle, EuiToolTip } from '@elastic/eui'
 import cx from 'classnames'
 import React, { useEffect, useState } from 'react'
 import { monaco } from 'react-monaco-editor'
@@ -31,7 +31,7 @@ export interface Props {
   params?: CodeButtonParams
 }
 
-const FINISHED_COMMAND_INDICATOR_TIME_MS = 3_000
+const FINISHED_COMMAND_INDICATOR_TIME_MS = 5_000
 
 const CodeButtonBlock = (props: Props) => {
   const {
@@ -136,20 +136,25 @@ const CodeButtonBlock = (props: Props) => {
               scrollLock: true
             }}
             button={(
-              <EuiButton
-                onClick={handleRunClicked}
-                iconType={isRunned ? 'check' : 'play'}
-                iconSide="right"
-                color="success"
-                size="s"
-                disabled={isLoading || isRunned}
-                isLoading={isLoading}
-                className={cx(styles.actionBtn, styles.runBtn)}
-                {...rest}
-                data-testid={`run-btn-${label}`}
+              <EuiToolTip
+                content={isPopoverOpen ? undefined : 'Open Workbench in the left menu to see the command results.'}
+                data-testid="run-btn-open-workbench-tooltip"
               >
-                Run
-              </EuiButton>
+                <EuiButton
+                  onClick={handleRunClicked}
+                  iconType={isRunned ? 'check' : 'play'}
+                  iconSide="right"
+                  color="success"
+                  size="s"
+                  disabled={isLoading || isRunned}
+                  isLoading={isLoading}
+                  className={cx(styles.actionBtn, styles.runBtn)}
+                  {...rest}
+                  data-testid={`run-btn-${label}`}
+                >
+                  Run
+                </EuiButton>
+              </EuiToolTip>
             )}
           >
             {!!notLoadedModule && (