prometheus

1
import React, { FC } from 'react';
2

3
export interface QueryStats {
4
  loadTime: number;
5
  resolution: number;
6
  resultSeries: number;
7
}
8

9
const QueryStatsView: FC<QueryStats> = (props) => {
10
  const { loadTime, resolution, resultSeries } = props;
11

12
  return (
13
    <div className="query-stats">
14
      <span className="float-right">
15
        Load time: {loadTime}ms &ensp; Resolution: {resolution}s &ensp; Result series: {resultSeries}
16
      </span>
17
    </div>
18
  );
19
};
20

21
export default QueryStatsView;
22