summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/members/avatars/group_avatar.vue
blob: 12b748f9ab6438fa7839c872920f4ba767e6d38c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script>
import { GlAvatarLink, GlAvatarLabeled } from '@gitlab/ui';
import { AVATAR_SIZE } from '../constants';

export default {
  name: 'GroupAvatar',
  avatarSize: AVATAR_SIZE,
  components: { GlAvatarLink, GlAvatarLabeled },
  props: {
    member: {
      type: Object,
      required: true,
    },
  },
  computed: {
    group() {
      return this.member.sharedWithGroup;
    },
  },
};
</script>

<template>
  <gl-avatar-link :href="group.webUrl">
    <gl-avatar-labeled
      :label="group.fullName"
      :src="group.avatarUrl"
      :alt="group.fullName"
      :size="$options.avatarSize"
      :entity-name="group.name"
      :entity-id="group.id"
    />
  </gl-avatar-link>
</template>