diff --git a/ui/src/shared/components/TimeMachineQueryBuilder.tsx b/ui/src/shared/components/TimeMachineQueryBuilder.tsx index 0519da66ac..7210f38a15 100644 --- a/ui/src/shared/components/TimeMachineQueryBuilder.tsx +++ b/ui/src/shared/components/TimeMachineQueryBuilder.tsx @@ -14,16 +14,21 @@ import FunctionSelector from 'src/shared/components/FunctionSelector' import {loadBuckets, addTagSelector} from 'src/shared/actions/v2/queryBuilder' // Utils -import {getActiveQuery} from 'src/shared/selectors/timeMachines' +import { + getActiveQuery, + getActiveTimeMachine, +} from 'src/shared/selectors/timeMachines' // Styles import 'src/shared/components/TimeMachineQueryBuilder.scss' // Types import {AppState} from 'src/types/v2' +import {RemoteDataState} from 'src/types' interface StateProps { tagFiltersLength: number + moreTags: boolean } interface DispatchProps { @@ -41,7 +46,7 @@ class TimeMachineQueryBuilder extends PureComponent { } public render() { - const {tagFiltersLength, onAddTagSelector} = this.props + const {tagFiltersLength} = this.props return (
@@ -56,12 +61,7 @@ class TimeMachineQueryBuilder extends PureComponent { {range(tagFiltersLength).map(i => ( ))} -
@@ -69,12 +69,35 @@ class TimeMachineQueryBuilder extends PureComponent { ) } + + private get addButton(): JSX.Element { + const {moreTags, onAddTagSelector} = this.props + + if (!moreTags) { + return null + } + + return ( +