From bf5088e546acdae9c98fe1eda41f44fd81b4b2d5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 2 Apr 2024 14:29:22 +0200
Subject: [PATCH] fix(sharing): show user display name and avatar when
 displaying search results

Resolves https://community.vikunja.io/t/autogenerated-username-using-google-openid/2183/12
---
 frontend/src/components/sharing/userTeam.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/sharing/userTeam.vue b/frontend/src/components/sharing/userTeam.vue
index 535b8cdbb..14bf93502 100644
--- a/frontend/src/components/sharing/userTeam.vue
+++ b/frontend/src/components/sharing/userTeam.vue
@@ -16,7 +16,22 @@
 						:search-results="found"
 						:label="searchLabel"
 						@search="find"
-					/>
+					>
+						<template #searchResult="{option: result}">
+							<User
+								v-if="shareType === 'user'"
+								:avatar-size="24"
+								:show-username="true"
+								:user="result"
+							/>
+							<span 
+								v-else
+								class="search-result"
+							>
+								{{ result.name }}
+							</span>
+						</template>
+					</Multiselect>
 				</p>
 				<p class="control">
 					<x-button @click="add()">
@@ -173,6 +188,7 @@ import Nothing from '@/components/misc/nothing.vue'
 import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'
 import {useConfigStore} from '@/stores/config'
+import User from '@/components/misc/user.vue'
 
 // FIXME: I think this whole thing can now only manage user/team sharing for projects? Maybe remove a little generalization?