From e26c43135090c8cb27dbafd17e295acedbed7245 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Sun, 1 Aug 2021 11:03:48 +0200
Subject: [PATCH] Fix only part of username showing up in
 OrganizerPickerWrapper

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Event/OrganizerPickerWrapper.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/js/src/components/Event/OrganizerPickerWrapper.vue b/js/src/components/Event/OrganizerPickerWrapper.vue
index 96063fe78..d142c50a2 100644
--- a/js/src/components/Event/OrganizerPickerWrapper.vue
+++ b/js/src/components/Event/OrganizerPickerWrapper.vue
@@ -77,12 +77,12 @@
                       </div>
                       <div class="media-content" v-if="actor.name">
                         <p class="is-4">{{ actor.name }}</p>
-                        <p class="is-6 has-text-grey">
-                          {{ `@${actor.preferredUsername}` }}
+                        <p class="is-6 has-text-grey-dark">
+                          {{ `@${usernameWithDomain(actor)}` }}
                         </p>
                       </div>
                       <div class="media-content" v-else>
-                        {{ `@${actor.preferredUsername}` }}
+                        {{ `@${usernameWithDomain(actor)}` }}
                       </div>
                     </div>
                   </b-checkbox>
@@ -167,6 +167,8 @@ export default class OrganizerPickerWrapper extends Vue {
 
   isComponentModalActive = false;
 
+  usernameWithDomain = usernameWithDomain;
+
   @Prop({ type: Array, required: false, default: () => [] })
   contacts!: IActor[];
   members: Paginate<IMember> = { elements: [], total: 0 };