Commit 02e3a6e0 authored by clenneville's avatar clenneville

Updated deprecated button

parent 9937adfe
<script>
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 glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
import { ROLLOUT_STRATEGY_PERCENT_ROLLOUT, NEW_VERSION_FLAG } from '../constants';
export default {
components: {
GlDeprecatedButton,
GlButton,
GlIcon,
GlModal,
GlToggle,
......@@ -198,25 +198,27 @@ export default {
<div class="table-section section-20 table-button-footer" role="gridcell">
<div class="table-action-buttons btn-group">
<template v-if="featureFlag.edit_path">
<gl-deprecated-button
<gl-button
v-gl-tooltip.hover.bottom="__('Edit')"
class="js-feature-flag-edit-button"
variant="outline-primary"
variant="info"
category="secondary"
:href="featureFlag.edit_path"
>
<gl-icon name="pencil" :size="16" />
</gl-deprecated-button>
</gl-button>
</template>
<template v-if="featureFlag.destroy_path">
<gl-deprecated-button
<gl-button
v-gl-tooltip.hover.bottom="__('Delete')"
class="js-feature-flag-delete-button"
variant="danger"
category="primary"
:disabled="!canDeleteFlag(featureFlag)"
@click="setDeleteModalData(featureFlag)"
>
<gl-icon name="remove" :size="16" />
</gl-deprecated-button>
</gl-button>
</template>
</div>
</div>
......@@ -230,6 +232,7 @@ export default {
:modal-id="modalId"
title-tag="h4"
ok-variant="danger"
category="primary"
@ok="onSubmit"
>
{{ 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