pass in query time

Signed-off-by: abbyhu2000 <[email protected]>

src/plugins/data/public/query/query_string/language_service/query_result.tsx

@@ -23,7 +23,7 @@ export function QueryResult(props: { queryResult: SearchData }) {
     return (
       <EuiButtonEmpty iconSide="left" iconType={'checkInCircleEmpty'} size="xs" onClick={() => {}}>
         <EuiText size="xs" color="subdued">
-          {'Complete'}
+          {'Complete in ' + props.queryResult.queryTime + ' ms'}
         </EuiText>
       </EuiButtonEmpty>
     );

src/plugins/discover/public/application/view_components/canvas/index.tsx

@@ -144,6 +144,9 @@ export default function DiscoverCanvas({ setHeaderActionMenu, history, optionalR
       {fetchState.status === ResultStatus.NO_RESULTS && (
         <DiscoverNoResults timeFieldName={timeField} queryLanguage={''} />
       )}
+      {fetchState.status === ResultStatus.ERROR && (
+        <DiscoverNoResults timeFieldName={timeField} queryLanguage={''} />
+      )}
       {fetchState.status === ResultStatus.UNINITIALIZED && (
         <DiscoverUninitialized onRefresh={() => refetch$.next()} />
       )}

src/plugins/discover/public/application/view_components/utils/use_search.ts

@@ -52,6 +52,7 @@ export interface SearchData {
   chartData?: Chart;
   title?: string;
   errorMsg?: any;
+  queryTime?: number;
 }
 
 export type SearchRefetch = 'refetch' | undefined;
@@ -151,6 +152,8 @@ export const useSearch = (services: DiscoverViewServices) => {
 
     dataset = searchSource.getField('index');
 
+    let queryTime;
+
     try {
       // Only show loading indicator if we are fetching when the rows are empty
       if (fetchStateRef.current.rows?.length === 0) {
@@ -182,6 +185,9 @@ export const useSearch = (services: DiscoverViewServices) => {
         .ok({ json: fetchResp });
       const hits = fetchResp.hits.total as number;
       const rows = fetchResp.hits.hits;
+      //setQueryTime(inspectorRequest.getTime());
+      //console.log('queryTime', queryTime);
+      queryTime = inspectorRequest.getTime();
       let bucketInterval = {};
       let chartData;
       for (const row of rows) {
@@ -218,6 +224,7 @@ export const useSearch = (services: DiscoverViewServices) => {
           indexPattern?.title !== searchSource.getDataFrame()?.name
             ? searchSource.getDataFrame()?.name
             : indexPattern?.title,
+        queryTime,
       });
     } catch (error) {
       // If the request was aborted then no need to surface this error in the UI
@@ -230,6 +237,7 @@ export const useSearch = (services: DiscoverViewServices) => {
           indexPattern?.title !== searchSource.getDataFrame()?.name
             ? searchSource.getDataFrame()?.name
             : indexPattern?.title,
+        queryTime,
       });
 
       console.log('error', error.body);

src/plugins/inspector/common/adapters/request/request_responder.ts

@@ -86,4 +86,8 @@ export class RequestResponder {
   public error(response: Response): void {
     this.finish(RequestStatus.ERROR, response);
   }
+
+  public getTime() {
+    return this.request.time;
+  }
 }