diff --git a/ui/src/shared/components/RefreshingGraph.tsx b/ui/src/shared/components/RefreshingGraph.tsx index 8b690dd4a..f52b62214 100644 --- a/ui/src/shared/components/RefreshingGraph.tsx +++ b/ui/src/shared/components/RefreshingGraph.tsx @@ -62,7 +62,14 @@ class RefreshingGraph extends PureComponent { } public render() { - const {inView, type, queries, source, templates} = this.props + const { + inView, + type, + queries, + source, + templates, + editQueryStatus, + } = this.props if (!queries.length) { return ( @@ -78,6 +85,7 @@ class RefreshingGraph extends PureComponent { inView={inView} queries={this.queries} templates={templates} + editQueryStatus={editQueryStatus} > {({timeSeries, loading}) => { switch (type) { diff --git a/ui/src/shared/components/time_series/TimeSeries.tsx b/ui/src/shared/components/time_series/TimeSeries.tsx index d690ad470..c28a7c792 100644 --- a/ui/src/shared/components/time_series/TimeSeries.tsx +++ b/ui/src/shared/components/time_series/TimeSeries.tsx @@ -25,6 +25,7 @@ interface Props { children: (r: RenderProps) => JSX.Element inView?: boolean templates?: Template[] + editQueryStatus?: () => void } interface State { @@ -67,7 +68,7 @@ class TimeSeries extends Component { } public executeQueries = async (isFirstFetch: boolean = false) => { - const {source, inView, queries, templates} = this.props + const {source, inView, queries, templates, editQueryStatus} = this.props if (!inView) { return @@ -86,7 +87,8 @@ class TimeSeries extends Component { source, queries, TEMP_RES, - templates + templates, + editQueryStatus ) const newSeries = timeSeries.map((response: TimeSeriesResponse) => ({