Merge pull request #11611 from nextcloud/backport/11609/stable26

[stable26] fix(Forwarder): fix redirect from sidebar

src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/Forwarder.vue

@@ -21,7 +21,7 @@
 
 <template>
 	<div class="forwarder">
-		<NcEmptyContent :description="t('spreed', 'The message has been forwarded to {selectedConversationName}')">
+		<NcEmptyContent :description="description">
 			<template #icon>
 				<Check :size="64" />
 			</template>
@@ -50,7 +50,7 @@
 		<NcModal v-else
 			:container="container"
 			@close="handleClose">
-			<NcEmptyContent :description="t('spreed', 'The message has been forwarded to {selectedConversationName}', { selectedConversationName })">
+			<NcEmptyContent :description="description">
 				<template #icon>
 					<Check :size="64" />
 				</template>
@@ -73,6 +73,7 @@ import cloneDeep from 'lodash/cloneDeep.js'
 import Check from 'vue-material-design-icons/Check.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { generateUrl } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
@@ -123,7 +124,15 @@ export default {
 		},
 
 		selectedConversationName() {
-			return this.$store.getters?.conversation(this.selectedConversationToken).displayName
+			return this.$store.getters?.conversation(this.selectedConversationToken)?.displayName
+		},
+
+		description() {
+			return this.selectedConversationName
+				? t('spreed', 'The message has been forwarded to {selectedConversationName}',
+					{ selectedConversationName: this.selectedConversationName },
+				)
+				: t('spreed', 'The message has been forwarded')
 		},
 
 		/**
@@ -193,17 +202,28 @@ export default {
 		},
 
 		openConversation() {
+			const isTalkApp = IS_DESKTOP || window.location.pathname.includes('/apps/spreed') || window.location.pathname.includes('/call/')
+
+			if (!isTalkApp) {
+				// Native redirect to Talk from Files sidebar
+				const url = generateUrl('/call/{token}#message_{messageId}', {
+					token: this.selectedConversationToken,
+					messageId: this.forwardedMessageID,
+				})
+				window.open(url, '_blank').focus()
+			} else {
+				this.$router.push({
+					name: 'conversation',
+					hash: `#message_${this.forwardedMessageID}`,
+					params: {
+						token: `${this.selectedConversationToken}`,
+					},
+				}).catch(err => console.debug(`Error while pushing the new conversation's route: ${err}`))
+			}
 
-			this.$router.push({
-				name: 'conversation',
-				hash: `#message_${this.forwardedMessageID}`,
-				params: {
-					token: `${this.selectedConversationToken}`,
-				},
-			})
-				.catch(err => console.debug(`Error while pushing the new conversation's route: ${err}`))
 			this.showForwardedConfirmation = false
 			this.forwardedMessageID = ''
+			this.$emit('close')
 		},
 
 		handleClose() {