Commit 4a0c6ab9 authored by Ezekiel Kigbo's avatar Ezekiel Kigbo

Merge branch...

Merge branch '219782-matej-replace-gl-deprecated-button-with-gl-button-in-app-assets-javascripts-notes-components' into 'master'

Replace deprecated button in /components/note_actions/reply_button.vue

Closes #219782

See merge request gitlab-org/gitlab!40851
parents 5be9526c e28afd22
<script> <script>
import { GlTooltipDirective, GlDeprecatedButton, GlIcon } from '@gitlab/ui'; import { GlTooltipDirective, GlButton } from '@gitlab/ui';
export default { export default {
name: 'ReplyButton', name: 'ReplyButton',
components: { components: {
GlIcon, GlButton,
GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -15,17 +14,17 @@ export default { ...@@ -15,17 +14,17 @@ export default {
<template> <template>
<div class="note-actions-item"> <div class="note-actions-item">
<gl-deprecated-button <gl-button
ref="button" ref="button"
v-gl-tooltip v-gl-tooltip
class="note-action-button"
data-track-event="click_button" data-track-event="click_button"
data-track-label="reply_comment_button" data-track-label="reply_comment_button"
variant="transparent" category="tertiary"
size="small"
icon="comment"
:title="__('Reply to comment')" :title="__('Reply to comment')"
:aria-label="__('Reply to comment')"
@click="$emit('startReplying')" @click="$emit('startReplying')"
> />
<gl-icon name="comment" class="link-highlight" />
</gl-deprecated-button>
</div> </div>
</template> </template>
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