From 6bae9961e39892bd44884356aac986355402cfa8 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Sat, 3 Aug 2024 15:49:46 +0200
Subject: [PATCH] fix(NcUserBubble): add RouterLink support

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 src/components/NcUserBubble/NcUserBubble.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/NcUserBubble/NcUserBubble.vue b/src/components/NcUserBubble/NcUserBubble.vue
index a308fac8a7..462ff37cf4 100644
--- a/src/components/NcUserBubble/NcUserBubble.vue
+++ b/src/components/NcUserBubble/NcUserBubble.vue
@@ -70,6 +70,7 @@ export default {
 			<component :is="isLinkComponent"
 				class="user-bubble__content"
 				:style="styles.content"
+				:to="to"
 				:href="hasUrl ? url : null"
 				:class="{ 'user-bubble__content--primary': primary }"
 				v-bind="attrs"
@@ -108,6 +109,7 @@ import NcUserBubbleDiv from './NcUserBubbleDiv.vue'
 import NcAvatar from '../NcAvatar/index.js'
 import NcPopover from '../NcPopover/index.js'
 import Vue from 'vue'
+import { RouterLink } from 'vue-router'
 
 export default {
 	name: 'NcUserBubble',
@@ -160,6 +162,13 @@ export default {
 				}
 			},
 		},
+		/**
+		 * Use bubble as a router-link for in-app navigation
+		 */
+		to: {
+			type: [String, Object],
+			default: undefined,
+		},
 		/**
 		 * Default popover state. Requires the UserBubble
 		 * to have some content to render inside the popover
@@ -240,7 +249,9 @@ export default {
 		},
 
 		isLinkComponent() {
-			return this.hasUrl ? 'a' : 'div'
+			return this.hasUrl
+				? (this.to ? RouterLink : 'a')
+				: 'div'
 		},
 
 		popoverEmpty() {
@@ -329,4 +340,7 @@ export default {
 	}
 }
 
+a.user-bubble__content {
+	cursor: pointer;
+}
 </style>