From 353009821f8ae17663888ef8316ff7364d57b618 Mon Sep 17 00:00:00 2001
From: Tutti Quintella <q.tuane@gmail.com>
Date: Wed, 19 Feb 2020 01:00:30 +0900
Subject: [PATCH] [Fix #11824] Show member Display Name if Username is blank
 (#11826)

* #11824 memberSearchDropdown: use member.profile.name if username is blank

* membwer.auth.local object could be empty
---
 .../src/components/members/memberSearchDropdown.vue       | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/website/client/src/components/members/memberSearchDropdown.vue b/website/client/src/components/members/memberSearchDropdown.vue
index 78a2d0cb51..f9d877a37f 100644
--- a/website/client/src/components/members/memberSearchDropdown.vue
+++ b/website/client/src/components/members/memberSearchDropdown.vue
@@ -19,7 +19,7 @@
       :key="member._id"
       @click="selectMember(member)"
     >
-      @{{ member.auth.local.username }}
+      {{ memberName(member) }}
     </b-dropdown-item>
   </b-dropdown>
 </template>
@@ -61,6 +61,12 @@ export default {
     selectMember (member) {
       this.$emit('member-selected', member);
     },
+    memberName (member) {
+      if (member.auth.local && member.auth.local.username) {
+        return `@${member.auth.local.username}`;
+      }
+      return member.profile.name;
+    },
   },
 };
 </script>