From a9f1ef272b9cc39022e41a14b9e3cdcfa53ca071 Mon Sep 17 00:00:00 2001
From: George Tsiolis <tsiolis.g@gmail.com>
Date: Mon, 1 Oct 2018 20:38:31 +0000
Subject: Add link component to user avatar link component

---
 .../vue_shared/components/user_avatar/user_avatar_link.vue          | 6 ++++--
 changelogs/unreleased/add-gl-link-to-user-avatar-link.yml           | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 changelogs/unreleased/add-gl-link-to-user-avatar-link.yml

diff --git a/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_link.vue b/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_link.vue
index 08e102e57c3..ee3157bcb1b 100644
--- a/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_link.vue
+++ b/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_link.vue
@@ -18,12 +18,14 @@
 
 */
 
+import { Link } from '@gitlab-org/gitlab-ui';
 import userAvatarImage from './user_avatar_image.vue';
 import tooltip from '../../directives/tooltip';
 
 export default {
   name: 'UserAvatarLink',
   components: {
+    'gl-link': Link,
     userAvatarImage,
   },
   directives: {
@@ -83,7 +85,7 @@ export default {
 </script>
 
 <template>
-  <a
+  <gl-link
     :href="linkHref"
     class="user-avatar-link">
     <user-avatar-image
@@ -99,5 +101,5 @@ export default {
       :title="tooltipText"
       :tooltip-placement="tooltipPlacement"
     >{{ username }}</span>
-  </a>
+  </gl-link>
 </template>
diff --git a/changelogs/unreleased/add-gl-link-to-user-avatar-link.yml b/changelogs/unreleased/add-gl-link-to-user-avatar-link.yml
new file mode 100644
index 00000000000..ef87ef541dd
--- /dev/null
+++ b/changelogs/unreleased/add-gl-link-to-user-avatar-link.yml
@@ -0,0 +1,5 @@
+---
+title: Add link component to UserAvatarLink component
+merge_request: 21986
+author: George Tsiolis
+type: other
-- 
cgit v1.2.1