Commit 02e3a6e0 authored by clenneville's avatar clenneville

Updated deprecated button

parent 9937adfe
<script> <script>
import { escape } from 'lodash'; import { escape } from 'lodash';
import { GlDeprecatedButton, GlTooltipDirective, GlModal, GlToggle, GlIcon } from '@gitlab/ui'; import { GlButton, GlTooltipDirective, GlModal, GlToggle, GlIcon } from '@gitlab/ui';
import { sprintf, s__ } from '~/locale'; import { sprintf, s__ } from '~/locale';
import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin'; import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
import { ROLLOUT_STRATEGY_PERCENT_ROLLOUT, NEW_VERSION_FLAG } from '../constants'; import { ROLLOUT_STRATEGY_PERCENT_ROLLOUT, NEW_VERSION_FLAG } from '../constants';
export default { export default {
components: { components: {
GlDeprecatedButton, GlButton,
GlIcon, GlIcon,
GlModal, GlModal,
GlToggle, GlToggle,
...@@ -198,25 +198,27 @@ export default { ...@@ -198,25 +198,27 @@ export default {
<div class="table-section section-20 table-button-footer" role="gridcell"> <div class="table-section section-20 table-button-footer" role="gridcell">
<div class="table-action-buttons btn-group"> <div class="table-action-buttons btn-group">
<template v-if="featureFlag.edit_path"> <template v-if="featureFlag.edit_path">
<gl-deprecated-button <gl-button
v-gl-tooltip.hover.bottom="__('Edit')" v-gl-tooltip.hover.bottom="__('Edit')"
class="js-feature-flag-edit-button" class="js-feature-flag-edit-button"
variant="outline-primary" variant="info"
category="secondary"
:href="featureFlag.edit_path" :href="featureFlag.edit_path"
> >
<gl-icon name="pencil" :size="16" /> <gl-icon name="pencil" :size="16" />
</gl-deprecated-button> </gl-button>
</template> </template>
<template v-if="featureFlag.destroy_path"> <template v-if="featureFlag.destroy_path">
<gl-deprecated-button <gl-button
v-gl-tooltip.hover.bottom="__('Delete')" v-gl-tooltip.hover.bottom="__('Delete')"
class="js-feature-flag-delete-button" class="js-feature-flag-delete-button"
variant="danger" variant="danger"
category="primary"
:disabled="!canDeleteFlag(featureFlag)" :disabled="!canDeleteFlag(featureFlag)"
@click="setDeleteModalData(featureFlag)" @click="setDeleteModalData(featureFlag)"
> >
<gl-icon name="remove" :size="16" /> <gl-icon name="remove" :size="16" />
</gl-deprecated-button> </gl-button>
</template> </template>
</div> </div>
</div> </div>
...@@ -230,6 +232,7 @@ export default { ...@@ -230,6 +232,7 @@ export default {
:modal-id="modalId" :modal-id="modalId"
title-tag="h4" title-tag="h4"
ok-variant="danger" ok-variant="danger"
category="primary"
@ok="onSubmit" @ok="onSubmit"
> >
{{ deleteModalMessage }} {{ deleteModalMessage }}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment