Display reactions below messages

matrixgw_frontend/src/utils/RoomEventsManager.ts

@@ -17,7 +17,7 @@ export interface Message {
   time_sent: number;
   time_sent_dayjs: dayjs.Dayjs;
   modified: boolean;
-  reactions: MessageReaction[];
+  reactions: Map<string, MessageReaction[]>;
   content: string;
   image?: string;
 }
@@ -80,7 +80,7 @@ export class RoomEventsManager {
           event_id: evt.id,
           account: evt.sender,
           modified: false,
-          reactions: [],
+          reactions: new Map(),
           time_sent: evt.time,
           time_sent_dayjs: dayjs.unix(evt.time / 1000),
           image: data.content.file?.url,
@@ -93,12 +93,16 @@ export class RoomEventsManager {
         const message = this.messages.find(
           (m) => m.event_id === data.content["m.relates_to"].event_id
         );
+        const key = data.content["m.relates_to"].key;
 
         if (!message) continue;
-        message.reactions.push({
+
+        if (!message.reactions.has(key)) message.reactions.set(key, []);
+
+        message.reactions.get(key)!.push({
           account: evt.sender,
           event_id: evt.id,
-          key: data.content["m.relates_to"].key,
+          key,
         });
       }
     }