From 2e3e42104829da974a0d5c6bf7d75e314a6cd3de Mon Sep 17 00:00:00 2001
From: DorraJaouad <dorra.jaoued7@gmail.com>
Date: Wed, 13 Dec 2023 07:58:41 +0100
Subject: [PATCH] fix(Quote): don't trim the quote when it is not image share
 with caption

Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>
---
 .../Message/MessagePart/FilePreview.vue         |  4 ++--
 src/components/Quote.vue                        | 17 ++++++++++++++---
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index ffb34930c9f..56cc3d37597 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -380,8 +380,8 @@ export default {
 			// Fallback for loading mimeicons (preview for audio files is not provided)
 			if (this.previewAvailable !== 'yes' || this.mimetype.startsWith('audio/')) {
 				return {
-					width: '128px',
-					height: '128px',
+					width: this.smallPreview ? '32px' : '128px',
+					height: this.smallPreview ? '32px' : '128px',
 				}
 			}
 
diff --git a/src/components/Quote.vue b/src/components/Quote.vue
index 8e3eb56e1e3..b0c1e40cd56 100644
--- a/src/components/Quote.vue
+++ b/src/components/Quote.vue
@@ -44,7 +44,7 @@ components.
 			<!-- file preview-->
 			<NcRichText v-if="isFileShareMessage"
 				text="{file}"
-				class="quote__file-preview"
+				:class="{'quote__image-preview' : isImageWithCaption}"
 				:arguments="richParameters" />
 			<!-- text -->
 			<blockquote v-if="!isFileShareWithoutCaption"
@@ -146,6 +146,12 @@ export default {
 		return { AVATAR }
 	},
 
+	data() {
+		return {
+			mimetype: '',
+		}
+	},
+
 	computed: {
 		/**
 		 * The message actor display name.
@@ -184,6 +190,7 @@ export default {
 			Object.keys(this.messageParameters).forEach(function(p) {
 				const type = this.messageParameters[p].type
 				if (type === 'file') {
+					this.mimetype = this.messageParameters[p].mimetype
 					richParameters[p] = {
 						component: FilePreview,
 						props: Object.assign({
@@ -201,6 +208,10 @@ export default {
 			return richParameters
 		},
 
+		isImageWithCaption() {
+			return this.isFileShareMessage && this.mimetype.startsWith('image/') && this.message !== '{file}'
+		},
+
 		/**
 		 * This is a simplified version of the last chat message.
 		 * Parameters are parsed without markup (just replaced with the name),
@@ -328,8 +339,8 @@ export default {
 		position: relative;
 		margin: auto;
 	}
-	&__file-preview {
-		line-height: 0.5 !important;
+	&__image-preview {
+		line-height: 1 !important;
 	}
 }