IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Notify user on query error

Browse Source
This commit is contained in:
Johannes Schill 2018-12-19 12:58:10 +01:00
parent 1260301099
commit f95359fb34
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/app/features/dashboard/dashgrid/DataPanel.tsx
View File

@ -1,5 +1,6 @@
// Library
import React, { Component } from 'react';
import Tooltip from 'app/core/components/Tooltip/Tooltip';
// Services
import { getDatasourceSrv, DatasourceSrv } from 'app/features/plugins/datasource_srv';
@ -138,7 +139,7 @@ export class DataPanel extends Component<Props, State> {
const timeSeries = response.data;
if (isFirstLoad && loading === LoadingState.Loading) {
return this.renderLoadingSpinner();
return this.renderLoadingState();
}
if (!queries.length) {
@ -151,7 +152,7 @@ export class DataPanel extends Component<Props, State> {
return (
<>
{this.renderLoadingSpinner()}
{this.renderLoadingState()}
{this.props.children({
timeSeries,
loading,
@ -160,15 +161,26 @@ export class DataPanel extends Component<Props, State> {
);
}
private renderLoadingSpinner(): JSX.Element {
private renderLoadingState(): JSX.Element {
const { loading } = this.state;
if (loading === LoadingState.Loading) {
return (
<div className="panel-loading">
<i className="fa fa-spinner fa-spin" />
</div>
);
} else if (loading === LoadingState.Error) {
return (
<Tooltip
content="Request Error"
className="popper__manager--block"
refClassName={`panel-info-corner panel-info-corner--error`}
placement="bottom-start"
>
<i className="fa" />
<span className="panel-info-corner-inner" />
</Tooltip>
);
}
return null;