From f4efe245a760372e1fbaa24b231d065101affade Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Mon, 8 May 2023 13:06:18 +0200
Subject: [PATCH] properly render avatars in group settings

---
 webapp/components/Group/GroupMember.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index d6c09746e..62a2bf187 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -10,7 +10,7 @@
             params: { id: scope.row.id, slug: scope.row.slug },
           }"
         >
-          <ds-avatar online size="small" :name="scope.row.name"></ds-avatar>
+          <profile-avatar :profile="scope.row" size="small" />
         </nuxt-link>
       </template>
       <template #name="scope">
@@ -80,9 +80,13 @@
 </template>
 <script>
 import { changeGroupMemberRoleMutation, removeUserFromGroupMutation } from '~/graphql/groups.js'
+import ProfileAvatar from '~/components/_new/generic/ProfileAvatar/ProfileAvatar'
 
 export default {
   name: 'GroupMember',
+  components: {
+    ProfileAvatar,
+  },
   props: {
     groupId: {
       type: String,