From 162e835ba939a00fed426543c57340353a226d08 Mon Sep 17 00:00:00 2001
From: kristian-zendato <kristian.zendato@nextcloud.com>
Date: Thu, 13 Aug 2026 06:21:35 +0000
Subject: [PATCH] feat: profile hovercard

Signed-off-by: kristian-zendato <kristian.zendato@nextcloud.com>
---
 .../ContactsMenu/ContactMenuEntry.vue         | 42 ++++++++++++-------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/core/src/components/ContactsMenu/ContactMenuEntry.vue b/core/src/components/ContactsMenu/ContactMenuEntry.vue
index 5ae60c1223560..91ce6aa82c0bc 100644
--- a/core/src/components/ContactsMenu/ContactMenuEntry.vue
+++ b/core/src/components/ContactsMenu/ContactMenuEntry.vue
@@ -5,21 +5,26 @@
 
 <template>
 	<li class="contact">
-		<NcAvatar
-			class="contact__avatar"
-			:user="contact.isUser ? contact.uid : undefined"
-			:is-no-user="!contact.isUser"
-			:disable-menu="true"
-			:display-name="contact.avatarLabel"
-			:preloaded-user-status="preloadedUserStatus" />
-		<a
-			class="contact__body"
-			:href="contact.profileUrl || contact.topAction?.hyperlink">
-			<div class="contact__body__full-name">{{ contact.fullName }}</div>
-			<div v-if="contact.lastMessage" class="contact__body__last-message">{{ contact.lastMessage }}</div>
-			<div v-if="contact.statusMessage" class="contact__body__status-message">{{ contact.statusMessage }}</div>
-			<div v-else class="contact__body__email-address">{{ contact.emailAddresses[0] }}</div>
-		</a>
+		<NcProfileHoverCard
+			:user="contact.isUser ? contact.uid : null">
+			<div class="contact__main">
+				<NcAvatar
+					class="contact__avatar"
+					:user="contact.isUser ? contact.uid : undefined"
+					:is-no-user="!contact.isUser"
+					:disable-menu="true"
+					:display-name="contact.avatarLabel"
+					:preloaded-user-status="preloadedUserStatus" />
+				<a
+					class="contact__body"
+					:href="contact.profileUrl || contact.topAction?.hyperlink">
+					<div class="contact__body__full-name">{{ contact.fullName }}</div>
+					<div v-if="contact.lastMessage" class="contact__body__last-message">{{ contact.lastMessage }}</div>
+					<div v-if="contact.statusMessage" class="contact__body__status-message">{{ contact.statusMessage }}</div>
+					<div v-else class="contact__body__email-address">{{ contact.emailAddresses[0] }}</div>
+				</a>
+			</div>
+		</NcProfileHoverCard>
 		<NcActions
 			v-if="actions.length"
 			:inline="contact.topAction ? 1 : 0">
@@ -64,6 +69,7 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionText from '@nextcloud/vue/components/NcActionText'
 import NcAvatar from '@nextcloud/vue/components/NcAvatar'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
+import NcProfileHoverCard from '@nextcloud/vue/components/NcProfileHoverCard'
 
 export default {
 	name: 'ContactMenuEntry',
@@ -74,6 +80,7 @@ export default {
 		NcActions,
 		NcAvatar,
 		NcIconSvgWrapper,
+		NcProfileHoverCard,
 	},
 
 	props: {
@@ -126,6 +133,11 @@ export default {
 		}
 	}
 
+	&__main {
+		display: flex;
+		align-items: center;
+	}
+
 	&__avatar {
 		display: inherit;
 	}