Use the API response to update reactions details

Signed-off-by: marco <marcoambrosini@pm.me>

2 files changed, 32 insertions, 12 deletions

diff --git a/src/store/messagesStore.js b/src/store/messagesStore.js
index ae64cf719..3dd4833d3 100644
--- a/src/store/messagesStore.js
+++ b/src/store/messagesStore.js
@@ -978,12 +978,15 @@ const actions = {
 				messageId,
 				reaction: selectedEmoji,
 			})
-			await addReactionToMessage(token, messageId, selectedEmoji)
-			try {
-				context.dispatch('getReactions', { token, messageId })
-			} catch (error) {
-				console.debug(error)
-			}
+			// The response return an array with the reaction details for this message
+			const response = await addReactionToMessage(token, messageId, selectedEmoji)
+			// We replace the reaction details in the reactions store and wipe the old
+			// values
+			context.dispatch('updateReactions', {
+				token,
+				messageId,
+				reactionsDetails: response.data.ocs.data,
+			})
 		} catch (error) {
 			// Restore the previous state if the request fails
 			context.commit('removeReactionFromMessage', {
@@ -1008,12 +1011,15 @@ const actions = {
 				messageId,
 				reaction: selectedEmoji,
 			})
-			await removeReactionFromMessage(token, messageId, selectedEmoji)
-			try {
-				context.dispatch('getReactions', { token, messageId })
-			} catch (error) {
-				console.debug(error)
-			}
+			// The response return an array with the reaction details for this message
+			const response = await removeReactionFromMessage(token, messageId, selectedEmoji)
+			// We replace the reaction details in the reactions store and wipe the old
+			// values
+			context.dispatch('updateReactions', {
+				token,
+				messageId,
+				reactionsDetails: response.data.ocs.data,
+			})
 		} catch (error) {
 			// Restore the previous state if the request fails
 			context.commit('addReactionToMessage', {
diff --git a/src/store/reactionsStore.js b/src/store/reactionsStore.js
index ab1f92e47..821e6c60a 100644
--- a/src/store/reactionsStore.js
+++ b/src/store/reactionsStore.js
@@ -64,6 +64,20 @@ const mutations = {
 
 const actions = {
 	/**
+	 * Updates reactions for a given message.
+	 *
+	 * @param {*} context The context object
+	 * @param {*} param1 conversation token, message id
+	 */
+	async updateReactions(context, { token, messageId, reactionsDetails }) {
+		context.commit('addReactions', {
+			token,
+			messageId,
+			reactions: reactionsDetails,
+		})
+	},
+
+	/**
 	 * Gets the full reactions array for a given message.
 	 *
 	 * @param {*} context the context object