Merge pull request #912 from oslokommune/fix-team-member-display-name

Fix display name computation in team member list
oslokommune · Nov 7, 2023 · 6d7959e · 6d7959e
2 parents 3ab226e + a3ddc67
commit 6d7959e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/RoleMembers.vue b/src/components/RoleMembers.vue
@@ -4,7 +4,7 @@
     <div class="role-group__members-list">
       <span v-for="member in membersWithRole" :key="member.id" class="role-group__member">
         <pkt-button size="small" skin="tertiary" @onClick="openProfileModal(member.id)">
-          {{ member.displayName || firstPartOfEmail(member.id) }}
+          {{ displayName(member) }}
         </pkt-button>
       </span>
     </div>
@@ -33,8 +33,8 @@ export default {
   },
 
   methods: {
-    firstPartOfEmail(email) {
-      return email.replace(/@.*/, '');
+    displayName(member) {
+      return member.displayName || member.id?.replace(/@.*/, '') || '';
     },
 
     openProfileModal(profileId) {