IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-02 12:17:01 -06:00
Code Issues Packages Projects Releases Wiki Activity

Explore: Fix loading visualisation on the top of the new time series panel (#30553)

Browse Source 
* Fix loading for time series graph panel

* Fix test by adding loading prop to dummyProps
This commit is contained in:
Ivana Huckova 2021-01-22 18:15:06 +01:00 committed by GitHub
parent 38c1d45035
commit 5d52e50f6f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/app/features/explore/Explore.test.tsx
View File

@ -21,6 +21,7 @@ const dummyProps: ExploreProps = {
} as DataSourceApi,
datasourceMissing: false,
exploreId: ExploreId.left,
loading: false,
initializeExplore: jest.fn(),
initialized: true,
modifyQueries: jest.fn(),

8
public/app/features/explore/Explore.tsx
View File

@ -110,6 +110,7 @@ export interface ExploreProps {
originPanelId: number;
addQueryRow: typeof addQueryRow;
theme: GrafanaTheme;
loading: boolean;
showMetrics: boolean;
showTable: boolean;
showLogs: boolean;
@ -287,8 +288,7 @@ export class Explore extends React.PureComponent<ExploreProps, ExploreState> {
}
renderGraphPanel(width: number) {
const { graphResult, absoluteRange, timeZone, splitOpen, queryResponse } = this.props;
const isLoading = queryResponse.state === LoadingState.Loading;
const { graphResult, absoluteRange, timeZone, splitOpen, queryResponse, loading } = this.props;
return (
<ExploreGraphNGPanel
data={graphResult!}
@ -298,7 +298,7 @@ export class Explore extends React.PureComponent<ExploreProps, ExploreState> {
onUpdateTimeRange={this.onUpdateTimeRange}
annotations={queryResponse.annotations}
splitOpenFn={splitOpen}
isLoading={isLoading}
isLoading={loading}
/>
);
}
@ -482,6 +482,7 @@ function mapStateToProps(state: StoreState, { exploreId }: ExploreProps): Partia
absoluteRange,
queryResponse,
showNodeGraph,
loading,
} = item;
const { datasource, queries, range: urlRange, originPanelId } = (urlState || {}) as ExploreUrlState;
@ -514,6 +515,7 @@ function mapStateToProps(state: StoreState, { exploreId }: ExploreProps): Partia
showTable,
showTrace,
showNodeGraph,
loading,
};
}