fix(chat): show spinner for uploaded files and edited messages

Signed-off-by: Maksim Sukharev <[email protected]>

[skip ci]

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>

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
 		}
 	},