From dd881ce7ec3c36ecc2f3b3ab70c00f6b23792861 Mon Sep 17 00:00:00 2001
From: SebastianKrupinski <krupinskis05@gmail.com>
Date: Mon, 27 Jan 2025 22:54:15 -0500
Subject: [PATCH] fix: apostrophe issue

Signed-off-by: SebastianKrupinski <krupinskis05@gmail.com>
---
 src/components/NoMessageSelected.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/NoMessageSelected.vue b/src/components/NoMessageSelected.vue
index f729788617..6f2818ea5e 100644
--- a/src/components/NoMessageSelected.vue
+++ b/src/components/NoMessageSelected.vue
@@ -21,12 +21,16 @@
 
 <template>
 	<AppContentDetails class="app-content">
-		<NcEmptyContent :name="welcomeMessage" class="app-content__empty">
+		<NcEmptyContent class="app-content__empty"
+			:name="t('mail', 'Welcome to {productName} Mail', { productName }, null, {escape: false})"
+			:description="t('mail', 'Start writing a message by clicking below or select an existing message to display its contents')">
 			<template #icon>
 				<IconMail :size="65" />
 			</template>
+			<template #action>
+				<NewMessageButtonHeader />
+			</template>
 		</NcEmptyContent>
-		<NewMessageButtonHeader />
 	</AppContentDetails>
 </template>
 
@@ -45,8 +49,8 @@ export default {
 	},
 
 	computed: {
-		welcomeMessage() {
-			return t('mail', 'Welcome to {cloudName} Mail', { cloudName: window?.OC?.theme?.name ?? 'Nextcloud' })
+		productName() {
+			return window?.OC?.theme?.name ?? 'Nextcloud'
 		},
 	},
 }