From 04d51b3514cb95273b26bd9a265a2c1ada0eb68c Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Tue, 12 Mar 2024 11:32:48 +0100
Subject: [PATCH] fix(federation): show proxy avatars in InvitationHandler

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 src/components/ConversationIcon.vue           |  2 +-
 .../LeftSidebar/InvitationHandler.vue         | 33 +++++++++++--------
 src/stores/__tests__/federation.spec.js       |  5 +--
 src/stores/federation.ts                      |  4 +--
 4 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/components/ConversationIcon.vue b/src/components/ConversationIcon.vue
index 8c60e3178af..b294dd3f26d 100644
--- a/src/components/ConversationIcon.vue
+++ b/src/components/ConversationIcon.vue
@@ -179,7 +179,7 @@ export default {
 			if (this.item.isDummyConversation) {
 				// Prevent a 404 when trying to load an avatar before the conversation data is actually loaded
 				// Also used in new conversation / invitation handler dialog
-				const isFed = this.item.isFederatedConversation && 'icon-conversation-federation'
+				const isFed = this.item.remoteServer && 'icon-conversation-federation'
 				const type = this.item.type === CONVERSATION.TYPE.PUBLIC ? 'icon-conversation-public' : 'icon-conversation-group'
 				const theme = isDarkTheme ? 'dark' : 'bright'
 				return `${isFed || type} icon--dummy icon--${theme}`
diff --git a/src/components/LeftSidebar/InvitationHandler.vue b/src/components/LeftSidebar/InvitationHandler.vue
index 64091804d7c..cadc008337e 100644
--- a/src/components/LeftSidebar/InvitationHandler.vue
+++ b/src/components/LeftSidebar/InvitationHandler.vue
@@ -39,12 +39,10 @@
 						<span class="inbox__item-desc__name">
 							{{ item.roomName }}
 						</span>
-						<span class="inbox__item-desc__subname">
-							{{ t('spreed', 'From {user} at {remoteServer}', {
-								user: item.inviterDisplayName,
-								remoteServer: item.remoteServerUrl,
-							}) }}
-						</span>
+						<NcRichText class="inbox__item-desc__subname"
+							:text="t('spreed', 'From {user} at {remoteServer}', { remoteServer: item.remoteServer })"
+							:arguments="getRichParameters(item)"
+							:reference-limit="0" />
 					</div>
 					<NcButton type="tertiary"
 						:aria-label="t('spreed', 'Decline invitation')"
@@ -80,8 +78,10 @@ import CheckIcon from 'vue-material-design-icons/Check.vue'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
 
 import ConversationIcon from '../ConversationIcon.vue'
+import Mention from '../MessagesList/MessagesGroup/Message/MessagePart/Mention.vue'
 
 import { CONVERSATION } from '../../constants.js'
 import { useFederationStore } from '../../stores/federation.ts'
@@ -90,6 +90,7 @@ export default {
 	name: 'InvitationHandler',
 
 	components: {
+		NcRichText,
 		ConversationIcon,
 		NcButton,
 		NcLoadingIcon,
@@ -119,12 +120,8 @@ export default {
 		invitations() {
 			const invitations = {}
 			for (const id in this.federationStore.pendingShares) {
-				invitations[id] = {
-					...this.federationStore.pendingShares[id],
-					type: CONVERSATION.TYPE.GROUP,
-					isFederatedConversation: true,
-					isDummyConversation: true,
-				}
+				const { localToken: token, remoteServerUrl: remoteServer, ...rest } = this.federationStore.pendingShares[id]
+				invitations[id] = { ...rest, token, remoteServer, type: CONVERSATION.TYPE.GROUP }
 			}
 			return invitations
 		},
@@ -158,7 +155,17 @@ export default {
 			if (Object.keys(this.invitations).length === 0) {
 				this.closeModal()
 			}
-		}
+		},
+
+		getRichParameters(item) {
+			const [id, server] = item.inviterCloudId.split('@')
+			return {
+				user: {
+					component: Mention,
+					props: { id, name: item.inviterDisplayName, server, token: item.token, type: 'user' }
+				}
+			}
+		},
 	},
 }
 </script>
diff --git a/src/stores/__tests__/federation.spec.js b/src/stores/__tests__/federation.spec.js
index 749ab1367a6..31237749c2b 100644
--- a/src/stores/__tests__/federation.spec.js
+++ b/src/stores/__tests__/federation.spec.js
@@ -16,7 +16,7 @@ describe('federationStore', () => {
 			id: 2,
 			userId: 'user0',
 			state: 0,
-			localRoomId: 10,
+			localToken: 'TOKEN_LOCAL_2',
 			remoteServerUrl: 'remote.nextcloud.com',
 			remoteToken: 'TOKEN_2',
 			remoteAttendeeId: 11,
@@ -28,7 +28,7 @@ describe('federationStore', () => {
 			id: 1,
 			userId: 'user0',
 			state: 1,
-			localRoomId: 9,
+			localToken: 'TOKEN_LOCAL_1',
 			remoteServerUrl: 'remote.nextcloud.com',
 			remoteToken: 'TOKEN_1',
 			remoteAttendeeId: 11,
@@ -158,6 +158,7 @@ describe('federationStore', () => {
 
 		const room = {
 			id: 10,
+			token: 'TOKEN_LOCAL_2'
 		}
 		const acceptResponse = generateOCSResponse({ payload: room })
 		acceptShare.mockResolvedValueOnce(acceptResponse)
diff --git a/src/stores/federation.ts b/src/stores/federation.ts
index d7a56c9b34d..5dd3af83f95 100644
--- a/src/stores/federation.ts
+++ b/src/stores/federation.ts
@@ -72,7 +72,7 @@ export const useFederationStore = defineStore('federation', {
 			const { id, name } = notification.messageRichParameters.user1
 			const invitation: FederationInvite = {
 				id: notification.objectId,
-				localRoomId: 0,
+				localToken: '',
 				localCloudId: notification.user + '@' + getBaseUrl().replace('https://', ''),
 				remoteAttendeeId: 0,
 				remoteServerUrl,
@@ -99,7 +99,7 @@ export const useFederationStore = defineStore('federation', {
 			Vue.delete(this.pendingShares[id], 'loading')
 			Vue.set(this.acceptedShares, id, {
 				...this.pendingShares[id],
-				localRoomId: conversation.id,
+				localToken: conversation.token,
 				state: FEDERATION.STATE.ACCEPTED,
 			})
 			Vue.delete(this.pendingShares, id)