Bugfix: Correctly track elapsed time

src/components/Main.js

@@ -61,6 +61,7 @@ class Main extends Component {
       queryText: props.currentExpression || "",
       QueryHasError: false,
       QueryResults: QueryDataStore.getQueryResults(),
+      QueryTime: QueryDataStore.getQueryElapsedTime(),
       QueryError: QueryDataStore.getQueryError(),      
     };
   }
@@ -167,7 +168,7 @@ class Main extends Component {
 
           <div id="queryresults">
             <QueryErrorDisplay haserror={this.state.QueryHasError} error={this.state.QueryError} />
-            <QueryResultList results={this.state.QueryResults} />
+            <QueryResultList results={this.state.QueryResults} resulttime={this.state.QueryTime} />
           </div>
 
         </main>        
@@ -404,6 +405,7 @@ class Main extends Component {
     this.setState({
       QueryHasError: false,
       QueryResults: QueryDataStore.getQueryResults(),
+      QueryTime: QueryDataStore.getQueryElapsedTime(),
       QueryError: QueryDataStore.getQueryError(),          
     });
   }

src/components/QueryResultList.js

@@ -12,11 +12,13 @@ class QueryResultList extends Component {
         return null;
     }
 
+    let resulttime = this.props.resulttime;
+
     //  Otherwise, loop through our results and show them:
     return (
         <React.Fragment>
             {this.props.results.map(function(resultItem) {
-                return <QuerySeriesList key={resultItem.statement_id} serieslist={resultItem.series}/>;
+                return <QuerySeriesList key={resultItem.statement_id} serieslist={resultItem.series} resulttime={resulttime}/>;
             })}
         </React.Fragment>
     );

src/components/QuerySeries.js

@@ -28,6 +28,7 @@ class QuerySeries extends Component {
     const { classes} = this.props;
 
     let seriesName = this.props.series.name;
+    let elapsedTime = this.props.resulttime;
 
     //  Set column information if we have it:
     let columns = this.props.series.columns;
@@ -71,7 +72,7 @@ class QuerySeries extends Component {
     return (
         <React.Fragment>
             <h2 className={classes.resultHeading}>{seriesName} </h2>            
-            <div className={classes.resultMeta}> {datarows.length} results in 2.3s</div>
+            <div className={classes.resultMeta}> {datarows.length} results in {elapsedTime}</div>
 
             <MuiVirtualizedTable 
                 rowCount={datarows.length}

src/components/QuerySeriesList.js

@@ -13,11 +13,13 @@ class QuerySeriesList extends Component {
       return null;
     }
 
+    let resulttime = this.props.resulttime;
+
     //  Otherwise, loop through our series and show them:
     return (
         <React.Fragment>
             {this.props.serieslist.map(function(seriesItem, index) {
-                return <QuerySeries key={index} series={seriesItem}/>;
+                return <QuerySeries key={index} series={seriesItem} resulttime={resulttime}/>;
             })}
         </React.Fragment>
     );