From 827f79600e22144296efb2250c6dad76a19fe970 Mon Sep 17 00:00:00 2001
From: greta <gretadoci@gmail.com>
Date: Fri, 22 Nov 2024 14:47:26 +0100
Subject: [PATCH] fixup! feat: add recipient info on the right side of the
 composer

Signed-off-by: greta <gretadoci@gmail.com>
---
 src/components/MailboxThread.vue   | 2 +-
 src/components/NewMessageModal.vue | 6 +++---
 src/components/RecipientInfo.vue   | 8 +++++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/MailboxThread.vue b/src/components/MailboxThread.vue
index e9c9b24533..8d6fea9995 100644
--- a/src/components/MailboxThread.vue
+++ b/src/components/MailboxThread.vue
@@ -249,7 +249,7 @@ export default {
 				.length > 0
 		},
 		importantMessagesInitialPageSize() {
-			if (window.innerHeight > 900) {
+			if (window.innerHeight > 1024) {
 				return 7
 			}
 			if (window.innerHeight > 750) {
diff --git a/src/components/NewMessageModal.vue b/src/components/NewMessageModal.vue
index 3ad37acf65..2f76451417 100644
--- a/src/components/NewMessageModal.vue
+++ b/src/components/NewMessageModal.vue
@@ -184,7 +184,7 @@ export default {
 			cookedComposerData: undefined,
 			changed: false,
 			largerModal: false,
-			isLargeScreen: window.innerWidth >= 1200,
+			isLargeScreen: window.innerWidth >= 1024,
 			isMaximized: false,
 			recipient: {
 				name: '',
@@ -250,7 +250,7 @@ export default {
 	},
 	methods: {
 		checkScreenSize() {
-			this.isLargeScreen = window.innerWidth >= 1200
+			this.isLargeScreen = window.innerWidth >= 1024
 		},
 		async openModalSize() {
 			try {
@@ -639,7 +639,7 @@ export default {
 	overflow-y: auto;
 	padding-left: 5px;
 	border-left: 1px solid #ccc;
-	@media (max-width: 1200px) {
+	@media (max-width: 1024px) {
 		display: none;
 	}
 }
diff --git a/src/components/RecipientInfo.vue b/src/components/RecipientInfo.vue
index df41a24c19..1aac5faee2 100644
--- a/src/components/RecipientInfo.vue
+++ b/src/components/RecipientInfo.vue
@@ -8,11 +8,10 @@
 						:display-name="recipients[0].displayName"
 						:email="recipients[0].email"
 						:size="64"
-						:disable-tooltip="true"
-						:url="recipients[0].photoUrl" />
+						:disable-tooltip="true" />
 				</div>
 				<div class="recipient-details">
-					<h6>{{ recipients[0].displayName }}</h6>
+					<h6>{{ recipient[0].email }}</h6>
 					<DisplayContactDetails :email="recipient[0].email" />
 				</div>
 			</div>
@@ -28,6 +27,9 @@
 						:size="64"
 						:disable-tooltip="true"
 						:disable-menu="true" />
+					<div v-if="!expandedRecipients[index]" class="recipient-name">
+						<h6>{{ recipient.email }}</h6>
+					</div>
 					<div class="expand-toggle" @click="toggleExpand(index)">
 						<IconArrowUp v-if="isExpanded(index)" :size="16" />
 						<IconArrowDown v-else :size="16" />