Remove message text horizontal padding if it's only emoji

Signed-off-by: Sahil Kumar <[email protected]>

lib/src/message_actions_modal.dart

@@ -14,6 +14,7 @@ import 'message_input.dart';
 import 'message_widget.dart';
 import 'stream_chat.dart';
 import 'stream_chat_theme.dart';
+import 'extension.dart';
 
 class MessageActionsModal extends StatefulWidget {
   final Widget Function(BuildContext, Message) editMessageInputBuilder;
@@ -152,6 +153,11 @@ class _MessageActionsModalState extends State<MessageActionsModal> {
                               showUserAvatar: widget.showUserAvatar,
                               showTimestamp: false,
                               translateUserAvatar: false,
+                              textPadding: EdgeInsets.symmetric(
+                                vertical: 8.0,
+                                horizontal:
+                                    widget.message.text.isOnlyEmoji ? 0 : 16.0,
+                              ),
                               showReactionPickerIndicator:
                                   widget.showReactions &&
                                       (widget.message.status ==

lib/src/message_list_view.dart

@@ -732,6 +732,10 @@ class _MessageListViewState extends State<MessageListView> {
         topRight: Radius.circular(16),
         bottomRight: Radius.circular(16),
       ),
+      textPadding: EdgeInsets.symmetric(
+        vertical: 8.0,
+        horizontal: isOnlyEmoji ? 0 : 16.0,
+      ),
       borderSide: isMyMessage || isOnlyEmoji ? BorderSide.none : null,
       showUserAvatar: isMyMessage ? DisplayWidget.gone : DisplayWidget.show,
       messageTheme: isMyMessage
@@ -880,6 +884,10 @@ class _MessageListViewState extends State<MessageListView> {
         topRight: Radius.circular(16),
         bottomRight: Radius.circular(16),
       ),
+      textPadding: EdgeInsets.symmetric(
+        vertical: 8.0,
+        horizontal: isOnlyEmoji ? 0 : 16.0,
+      ),
       messageTheme: isMyMessage
           ? StreamChatTheme.of(context).ownMessageTheme
           : StreamChatTheme.of(context).otherMessageTheme,

lib/src/message_reactions_modal.dart

@@ -9,6 +9,7 @@ import 'package:stream_chat_flutter/src/user_avatar.dart';
 
 import 'message_widget.dart';
 import 'stream_chat_theme.dart';
+import 'extension.dart';
 
 class MessageReactionsModal extends StatelessWidget {
   final Widget Function(BuildContext, Message) editMessageInputBuilder;
@@ -124,6 +125,10 @@ class MessageReactionsModal extends StatelessWidget {
                               showSendingIndicator: false,
                               shape: messageShape,
                               showInChannelIndicator: false,
+                              textPadding: EdgeInsets.symmetric(
+                                vertical: 8.0,
+                                horizontal: message.text.isOnlyEmoji ? 0 : 16.0,
+                              ),
                               showReactionPickerIndicator: showReactions &&
                                   (message.status ==
                                           MessageSendingStatus.SENT ||