From 0b7ce3279fa7e9dd183dc1998f3c3ad7c332d921 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Thu, 20 Jun 2024 10:45:15 +0200
Subject: [PATCH] fix(chat): show spinner for uploaded files and edited
 messages

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

[skip ci]
---
 .../MessagesGroup/Message/MessagePart/MessageBody.vue  | 10 +++++++++-
 src/store/messagesStore.js                             |  3 +++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue
index 03445fc7d2e2..b3f227008601 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue
@@ -270,6 +270,7 @@ export default {
 
 	data() {
 		return {
+			isEditing: false,
 			showReloadButton: false,
 			codeBlocks: null,
 			currentCodeBlock: null,
@@ -413,6 +414,7 @@ export default {
 	},
 
 	mounted() {
+		EventBus.$on('editing-message-processing', this.setIsEditing)
 		if (!this.containsCodeBlocks) {
 			return
 		}
@@ -504,7 +506,13 @@ export default {
 				console.error(error)
 				showError(t('spreed', 'Could not update the message'))
 			}
-		}
+		},
+
+		setIsEditing({ messageId, value }) {
+			if (messageId === this.id) {
+				this.isEditing = value
+			}
+		},
 	},
 }
 </script>
diff --git a/src/store/messagesStore.js b/src/store/messagesStore.js
index 2d2dd23e26df..770f9e700e4d 100644
--- a/src/store/messagesStore.js
+++ b/src/store/messagesStore.js
@@ -657,6 +657,7 @@ const actions = {
 	 * @param {string} payload.updatedMessage The modified text of the message / file share caption
 	 */
 	async editMessage(context, { token, messageId, updatedMessage }) {
+		EventBus.$emit('editing-message-processing', { messageId, value: true })
 		const message = Object.assign({}, context.getters.message(token, messageId))
 		context.commit('addMessage', {
 			token,
@@ -670,10 +671,12 @@ const actions = {
 				updatedMessage,
 			})
 			context.dispatch('processMessage', { token, message: response.data.ocs.data })
+			EventBus.$emit('editing-message-processing', { messageId, value: false })
 		} catch (error) {
 			console.error(error)
 			// Restore the previous message state
 			context.commit('addMessage', { token, message })
+			EventBus.$emit('editing-message-processing', { messageId, value: false })
 			throw error
 		}
 	},