feat: Send reactions to multiple events

lib/pages/chat/chat.dart

@@ -631,14 +631,14 @@ class ChatController extends State<Chat> {
   }
 
   void sendEmojiAction(String emoji) async {
-    await showFutureLoadingDialog(
-      context: context,
-      future: () => room.sendReaction(
-        selectedEvents.single.eventId,
-        emoji,
-      ),
-    );
+    final events = List<Event>.from(selectedEvents);
     setState(() => selectedEvents.clear());
+    for (final event in events) {
+      await room.sendReaction(
+        event.eventId,
+        emoji,
+      );
+    }
   }
 
   void clearSelectedEvents() => setState(() {

lib/pages/chat/events/message_reactions.dart

@@ -41,12 +41,20 @@ class MessageReactions extends StatelessWidget {
         reactionMap[key].reacted |= e.senderId == e.room.client.userID;
       }
     }
+
     final reactionList = reactionMap.values.toList();
     reactionList.sort((a, b) => b.count - a.count > 0 ? 1 : -1);
-    return Wrap(
-        spacing: 4.0,
-        runSpacing: 4.0,
-        children: reactionList
+    return Wrap(spacing: 4.0, runSpacing: 4.0, children: [
+      if (allReactionEvents.any((e) => e.status.isSending))
+        const SizedBox(
+          width: 28,
+          height: 28,
+          child: Padding(
+            padding: EdgeInsets.all(4.0),
+            child: CircularProgressIndicator.adaptive(strokeWidth: 1),
+          ),
+        ),
+      ...reactionList
           .map(
             (r) => _Reaction(
               reactionKey: r.key,
@@ -78,7 +86,8 @@ class MessageReactions extends StatelessWidget {
               ).show(context),
             ),
           )
-            .toList());
+          .toList(),
+    ]);
   }
 }
 

lib/pages/chat/reactions_picker.dart

@@ -12,20 +12,17 @@ class ReactionsPicker extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     if (controller.showEmojiPicker) return Container();
-    return AnimatedContainer(
-      duration: const Duration(milliseconds: 300),
-      height: (controller.editEvent == null &&
+    final display = controller.editEvent == null &&
         controller.replyEvent == null &&
         controller.room.canSendDefaultMessages &&
-              controller.selectedEvents.length == 1)
-          ? 56
-          : 0,
+        controller.selectedEvents.isNotEmpty;
+    return AnimatedContainer(
+      duration: const Duration(milliseconds: 300),
+      height: (display) ? 56 : 0,
       child: Material(
         color: Theme.of(context).secondaryHeaderColor,
         child: Builder(builder: (context) {
-          if (!(controller.editEvent == null &&
-              controller.replyEvent == null &&
-              controller.selectedEvents.length == 1)) {
+          if (!display) {
             return Container();
           }
           final emojis = List<String>.from(AppEmojis.emojis);