Update stage navigation to match selected plan event

Co-authored-by: sarah-alqahtani <sarah.alqahtani@ibm.com>

Author: 2 people

presto-ui/src/components/LivePlan.jsx

@@ -206,8 +206,8 @@ export class LivePlan extends React.Component<LivePlanProps, LivePlanState> {
             });
     }
 
-    static handleStageClick(stageCssId: string) {
-        window.open("stage.html?" + stageCssId, '_blank');
+    static handleStageClick(stageCssId) {
+       window.open("stage.html?" + stageCssId.target.__data__, '_blank');
     }
 
     componentDidMount() {

presto-ui/src/components/StageDetail.jsx

@@ -507,7 +507,7 @@ export class StageDetail extends React.Component {
     refreshLoop() {
         clearTimeout(this.timeoutId); // to stop multiple series of refreshLoop from going on simultaneously
         const queryString = getFirstParameter(window.location.search).split('.');
-        const queryId = queryString[0];
+        const queryId = queryString.length > 0 ? queryString[0] : "undefined";
 
         let selectedStageId = this.state.selectedStageId;
         if (selectedStageId === null) {