Merge branch 'feature/new-ui' into feature/mono-repo

packages/flutter_widgets/lib/src/message_reactions_modal.dart

@@ -116,7 +116,7 @@ class MessageReactionsModal extends StatelessWidget {
                                 showThreadReplyIndicator: false,
                                 showTimestamp: false,
                                 translateUserAvatar: false,
-                                showSendingIndicator: DisplayWidget.gone,
+                                showSendingIndicator: false,
                                 shape: messageShape,
                                 showInChannelIndicator: false,
                                 showReactionPickerIndicator: showReactions &&
@@ -127,7 +127,6 @@ class MessageReactionsModal extends StatelessWidget {
                             ),
                           );
                         }),
-                    SizedBox(height: 8),
                     if (message.latestReactions?.isNotEmpty == true)
                       _buildReactionCard(context),
                   ],
@@ -152,27 +151,22 @@ class MessageReactionsModal extends StatelessWidget {
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16),
         ),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            Padding(
-              padding: const EdgeInsets.all(16.0),
-              child: Text(
+        margin: EdgeInsets.zero,
+        child: Padding(
+          padding: const EdgeInsets.all(16),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Text(
                 'Message Reactions',
-                style: Theme.of(context).textTheme.headline6,
+                style: StreamChatTheme.of(context).textTheme.headlineBold,
               ),
-            ),
-            Flexible(
-              child: SingleChildScrollView(
-                child: Padding(
-                  padding: const EdgeInsets.only(
-                    left: 18,
-                    right: 18,
-                    bottom: 26,
-                  ),
+              const SizedBox(height: 16),
+              Flexible(
+                child: SingleChildScrollView(
                   child: Wrap(
                     spacing: 16,
-                    runSpacing: 22,
+                    runSpacing: 16,
                     alignment: WrapAlignment.start,
                     children: message.latestReactions
                         .map((e) => _buildReaction(
@@ -184,8 +178,8 @@ class MessageReactionsModal extends StatelessWidget {
                   ),
                 ),
               ),
-            ),
-          ],
+            ],
+          ),
         ),
       ),
     );
@@ -227,24 +221,28 @@ class MessageReactionsModal extends StatelessWidget {
                       ),
                       Positioned(
                         child: Align(
-                          alignment: Alignment.centerLeft,
+                          alignment: reverse
+                              ? Alignment.centerRight
+                              : Alignment.centerLeft,
                           child: ReactionBubble(
                             reactions: [reaction],
+                            flipTail: !reverse,
                             borderColor: messageTheme.reactionsBorderColor,
                             backgroundColor:
                                 messageTheme.reactionsBackgroundColor,
                             highlightOwnReactions: false,
                           ),
                         ),
-                        bottom: 4,
+                        bottom: 6,
                         left: isCurrentUser ? 0 : null,
                         right: isCurrentUser ? 0 : null,
                       ),
                     ],
                   ),
+                  const SizedBox(height: 8),
                   Text(
                     reaction.user.name,
-                    style: Theme.of(context).textTheme.subtitle2,
+                    style: StreamChatTheme.of(context).textTheme.footnoteBold,
                     textAlign: TextAlign.center,
                   ),
                 ],