[0.7.14] Add tooltip for disabled re-executions

Summary:
Inform the user when a run cannot be reexecuted because the pipeline is not present in the current repository.
{F140800}

Test Plan: Manual

Reviewers: max, sashank

Reviewed By: max

Subscribers: prha

Differential Revision: https://dagster.phacility.com/D2984

Author: mgasner

CHANGES.md

@@ -7,6 +7,7 @@
 - Dagit now allows re-executing arbitrary step subset via step selector syntax, regardless of whether
   the previous pipeline failed or not.
 - Added a search filter for the root Assets page
+- Adds tooltip explanations for disabled run actions
 
 **Bugfix**
 

js_modules/dagit/src/runs/RunActionButtons.tsx

@@ -34,7 +34,7 @@ const REEXECUTE_SUBSET_TITLE = `Selected Step Subset`;
 const REEXECUTE_FROM_FAILURE_TITLE = "From Failure";
 
 // Descriptions of re-execute options
-const REEXECUTE_PIPELINE_UNKNOWN =
+export const REEXECUTE_PIPELINE_UNKNOWN =
   "Re-execute is unavailable because the pipeline is not present in the current repository.";
 
 const REEXECUTE_FULL_PIPELINE_DESCRIPTION =

js_modules/dagit/src/runs/RunTable.tsx

@@ -9,7 +9,9 @@ import {
   Popover,
   MenuDivider,
   NonIdealState,
-  Intent
+  Intent,
+  Tooltip,
+  Position
 } from "@blueprintjs/core";
 import {
   Details,
@@ -42,6 +44,7 @@ import { useMutation, useLazyQuery } from "react-apollo";
 import { RUNS_ROOT_QUERY, RunsQueryVariablesContext } from "./RunsRoot";
 import PythonErrorInfo from "../PythonErrorInfo";
 import { TokenizingFieldValue } from "../TokenizingField";
+import { REEXECUTE_PIPELINE_UNKNOWN } from "./RunActionButtons";
 
 interface RunTableProps {
   runs: RunTableRunFragment[];
@@ -59,6 +62,9 @@ const PipelineEnvironmentYamlQuery = gql`
   }
 `;
 
+const OPEN_PLAYGROUND_UNKNOWN =
+  "Playground is unavailable because the pipeline is not present in the current repository.";
+
 export class RunTable extends React.Component<RunTableProps> {
   static fragments = {
     RunTableRunFragment: gql`
@@ -373,36 +379,50 @@ const RunActionsMenu: React.FunctionComponent<{
           />
           <MenuDivider />
 
-          <MenuItem
-            text="Open in Playground..."
-            disabled={!infoReady}
-            icon="edit"
-            target="_blank"
-            href={`/playground/${run.pipeline.name}/setup?${qs.stringify({
-              mode: run.mode,
-              config: envYaml,
-              solidSubset:
-                run.pipeline.__typename === "Pipeline"
-                  ? run.pipeline.solids.map(s => s.name)
-                  : []
-            })}`}
-          />
-          <MenuItem
-            text="Re-execute"
-            disabled={!infoReady}
-            icon="repeat"
-            onClick={async () => {
-              const result = await reexecute({
-                variables: getReexecutionVariables({
-                  run,
-                  envYaml
-                })
-              });
-              handleReexecutionResult(run.pipeline.name, result, {
-                openInNewWindow: false
-              });
-            }}
-          />
+          <Tooltip
+            content={OPEN_PLAYGROUND_UNKNOWN}
+            position={Position.BOTTOM}
+            disabled={infoReady}
+            wrapperTagName="div"
+          >
+            <MenuItem
+              text="Open in Playground..."
+              disabled={!infoReady}
+              icon="edit"
+              target="_blank"
+              href={`/playground/${run.pipeline.name}/setup?${qs.stringify({
+                mode: run.mode,
+                config: envYaml,
+                solidSubset:
+                  run.pipeline.__typename === "Pipeline"
+                    ? run.pipeline.solids.map(s => s.name)
+                    : []
+              })}`}
+            />
+          </Tooltip>
+          <Tooltip
+            content={REEXECUTE_PIPELINE_UNKNOWN}
+            position={Position.BOTTOM}
+            disabled={infoReady}
+            wrapperTagName="div"
+          >
+            <MenuItem
+              text="Re-execute"
+              disabled={!infoReady}
+              icon="repeat"
+              onClick={async () => {
+                const result = await reexecute({
+                  variables: getReexecutionVariables({
+                    run,
+                    envYaml
+                  })
+                });
+                handleReexecutionResult(run.pipeline.name, result, {
+                  openInNewWindow: false
+                });
+              }}
+            />
+          </Tooltip>
           <MenuItem
             text="Cancel"
             icon="stop"