summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/monitoring/components/alert_widget_form.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/monitoring/components/alert_widget_form.vue')
-rw-r--r--app/assets/javascripts/monitoring/components/alert_widget_form.vue19
1 files changed, 8 insertions, 11 deletions
diff --git a/app/assets/javascripts/monitoring/components/alert_widget_form.vue b/app/assets/javascripts/monitoring/components/alert_widget_form.vue
index 132df9c9516..6f29b34141d 100644
--- a/app/assets/javascripts/monitoring/components/alert_widget_form.vue
+++ b/app/assets/javascripts/monitoring/components/alert_widget_form.vue
@@ -3,7 +3,7 @@ import { isEmpty, findKey } from 'lodash';
import Vue from 'vue';
import {
GlLink,
- GlDeprecatedButton,
+ GlButton,
GlButtonGroup,
GlFormGroup,
GlFormInput,
@@ -36,7 +36,7 @@ const SUBMIT_BUTTON_CLASS = {
export default {
components: {
- GlDeprecatedButton,
+ GlButton,
GlButtonGroup,
GlFormGroup,
GlFormInput,
@@ -267,30 +267,27 @@ export default {
</gl-dropdown>
</gl-form-group>
<gl-button-group class="mb-3" :label="s__('PrometheusAlerts|Operator')">
- <gl-deprecated-button
+ <gl-button
:class="{ active: operator === operators.greaterThan }"
:disabled="formDisabled"
- type="button"
@click="operator = operators.greaterThan"
>
{{ operators.greaterThan }}
- </gl-deprecated-button>
- <gl-deprecated-button
+ </gl-button>
+ <gl-button
:class="{ active: operator === operators.equalTo }"
:disabled="formDisabled"
- type="button"
@click="operator = operators.equalTo"
>
{{ operators.equalTo }}
- </gl-deprecated-button>
- <gl-deprecated-button
+ </gl-button>
+ <gl-button
:class="{ active: operator === operators.lessThan }"
:disabled="formDisabled"
- type="button"
@click="operator = operators.lessThan"
>
{{ operators.lessThan }}
- </gl-deprecated-button>
+ </gl-button>
</gl-button-group>
<gl-form-group :label="s__('PrometheusAlerts|Threshold')" label-for="alerts-threshold">
<gl-form-input