added id to ActionsCell, added download link for dot file data

ballista/ui/scheduler/README.md

@@ -53,3 +53,10 @@ Starting the development server...
 ```
 
 Now access to http://localhost:3000/
+
+**NOTE**: If you get an error when running the `yarn start` command above, make sure
+to use the `lts` version of npm.
+
+You can install it by running: `npm install --lts`.  This should fix any errors that
+may occur when trying to start the Ballista UI project.
+

ballista/ui/scheduler/src/components/QueriesList.tsx

@@ -51,9 +51,9 @@ export interface QueriesListProps {
 export const ActionsCell: (props: any) => React.ReactNode = (props: any) => {
   return (
     <Flex>
-      <FaStop color={"red"} title={"stop"} />
+      <FaStop color={"red"} title={"Stop this job"} />
       <Box mx={2}></Box>
-      <GrDocumentDownload title={"plan"} />
+      <a href={"/api/job/" + props.value + "/dot"} download={props.value + ".dot"}><GrDocumentDownload title={"Download DOT Plan"} /></a>
     </Flex>
   );
 };
@@ -87,7 +87,8 @@ const columns: Column<any>[] = [
   },
   {
     Header: "Actions",
-    accessor: "",
+    accessor: "job_id",
+    id: "action_cell",
     Cell: ActionsCell,
   },
 ];