fix(ui): fix timeline and stage detail

Author: wanweitao

presto-ui/src/components/QueryDetail.jsx

@@ -109,7 +109,7 @@ function TaskList({tasks}) {
     function calculateElapsedTime(row) {
         let elapsedTime = parseDuration(row.stats.elapsedTimeInNanos + "ns");
         if (elapsedTime === 0) {
-            elapsedTime = Date.now() - Date.parse(row.stats.createTime);
+            elapsedTime = Date.now() - Date.parse(row.stats.createTimeInMillis);
         }
         return elapsedTime;
     }

presto-ui/src/components/QueryOverview.jsx

@@ -285,7 +285,7 @@ function TaskList({ tasks }: { tasks: Task[] }) : React.Node {
     function calculateElapsedTime(row: Task): number {
         let elapsedTime = parseDuration(row.stats.elapsedTimeInNanos + "ns") || 0;
         if (elapsedTime === 0) {
-            elapsedTime = Date.now() - Date.parse(row.stats.createTime);
+            elapsedTime = Date.now() - Date.parse(row.stats.createTimeInMillis);
         }
         return elapsedTime;
     }

presto-ui/src/components/QuerySplitsView.jsx

@@ -32,11 +32,11 @@ export default function SplitView({ data, show }): void {
             return {
                 taskId: task.taskId.substring(task.taskId.indexOf('.') + 1),
                 time: {
-                    create: task.stats.createTime,
-                    firstStart: task.stats.firstStartTime,
-                    lastStart: task.stats.lastStartTime,
-                    lastEnd: task.stats.lastEndTime,
-                    end: task.stats.endTime,
+                    create: task.stats.createTimeInMillis,
+                    firstStart: task.stats.firstStartTimeInMillis,
+                    lastStart: task.stats.lastStartTimeInMillis,
+                    lastEnd: task.stats.lastEndTimeInMillis,
+                    end: task.stats.endTimeInMillis,
                 },
             };
         });

presto-ui/src/components/QueryStageView.jsx

@@ -187,9 +187,9 @@ function OperatorDetail({ index, operator, tasks }) {
         tasksSorted.forEach(task => {
             task.stats.pipelines.forEach(pipeline => {
                 if (pipeline.pipelineId === operator.pipelineId) {
-                    pipeline.operatorSummaries.forEach(operator => {
-                        if (operator.operatorId === operator.operatorId) {
-                            operatorTasks.push(operator);
+                    pipeline.operatorSummaries.forEach(op => {
+                        if (op.operatorId === operator.operatorId) {
+                            operatorTasks.push(op);
                         }
                     });
                 }

presto-ui/src/components/Splits.jsx

@@ -36,11 +36,11 @@ export default function Split(): void {
             return {
                 taskId: task.taskId.substring(task.taskId.indexOf('.') + 1),
                 time: {
-                    create: task.stats.createTime,
-                    firstStart: task.stats.firstStartTime,
-                    lastStart: task.stats.lastStartTime,
-                    lastEnd: task.stats.lastEndTime,
-                    end: task.stats.endTime,
+                    create: task.stats.createTimeInMillis,
+                    firstStart: task.stats.firstStartTimeInMillis,
+                    lastStart: task.stats.lastStartTimeInMillis,
+                    lastEnd: task.stats.lastEndTimeInMillis,
+                    end: task.stats.endTimeInMillis,
                 },
             };
         });

presto-ui/src/components/StageDetail.jsx

@@ -189,9 +189,9 @@ function OperatorDetail({ index, operator, tasks }) {
         tasksSorted.forEach(task => {
             task.stats.pipelines.forEach(pipeline => {
                 if (pipeline.pipelineId === operator.pipelineId) {
-                    pipeline.operatorSummaries.forEach(operator => {
-                        if (operator.operatorId === operator.operatorId) {
-                            operatorTasks.push(operator);
+                    pipeline.operatorSummaries.forEach(op => {
+                        if (op.operatorId === operator.operatorId) {
+                            operatorTasks.push(op);
                         }
                     });
                 }