diff options
Diffstat (limited to 'app/assets/javascripts/members/components/avatars/invite_avatar.vue')
-rw-r--r-- | app/assets/javascripts/members/components/avatars/invite_avatar.vue | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/app/assets/javascripts/members/components/avatars/invite_avatar.vue b/app/assets/javascripts/members/components/avatars/invite_avatar.vue new file mode 100644 index 00000000000..08e702007bb --- /dev/null +++ b/app/assets/javascripts/members/components/avatars/invite_avatar.vue @@ -0,0 +1,32 @@ +<script> +import { GlAvatarLabeled } from '@gitlab/ui'; +import { AVATAR_SIZE } from '../../constants'; + +export default { + name: 'InviteAvatar', + avatarSize: AVATAR_SIZE, + components: { GlAvatarLabeled }, + props: { + member: { + type: Object, + required: true, + }, + }, + computed: { + invite() { + return this.member.invite; + }, + }, +}; +</script> + +<template> + <gl-avatar-labeled + :label="invite.email" + :src="invite.avatarUrl" + :alt="invite.email" + :size="$options.avatarSize" + :entity-name="invite.email" + :entity-id="member.id" + /> +</template> |