From e07a07d91025a68fc3e463d09b9576d2aad470b2 Mon Sep 17 00:00:00 2001
From: Sahil Kumar <xdsahil@gmail.com>
Date: Wed, 13 Jan 2021 15:21:58 +0530
Subject: [PATCH] Remove message text horizontal padding if it's only emoji

Signed-off-by: Sahil Kumar <xdsahil@gmail.com>
---
 lib/src/message_actions_modal.dart   | 6 ++++++
 lib/src/message_list_view.dart       | 8 ++++++++
 lib/src/message_reactions_modal.dart | 5 +++++
 3 files changed, 19 insertions(+)

diff --git a/lib/src/message_actions_modal.dart b/lib/src/message_actions_modal.dart
index 2d125bab..9d9670cf 100644
--- a/lib/src/message_actions_modal.dart
+++ b/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 ==
diff --git a/lib/src/message_list_view.dart b/lib/src/message_list_view.dart
index 021b2a15..b659845e 100644
--- a/lib/src/message_list_view.dart
+++ b/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,
diff --git a/lib/src/message_reactions_modal.dart b/lib/src/message_reactions_modal.dart
index 15a301cc..0f056dde 100644
--- a/lib/src/message_reactions_modal.dart
+++ b/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 ||