From f353e02c0321d102c5b433bfce5aae00a6824b74 Mon Sep 17 00:00:00 2001
From: Sahil Kumar <xdsahil@gmail.com>
Date: Wed, 13 Jan 2021 11:57:45 +0530
Subject: [PATCH] [MessageWidget] Fix threadParticipants indicator

Signed-off-by: Sahil Kumar <xdsahil@gmail.com>
---
 lib/src/message_widget.dart | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/lib/src/message_widget.dart b/lib/src/message_widget.dart
index b6fc1bb6..989de8c8 100644
--- a/lib/src/message_widget.dart
+++ b/lib/src/message_widget.dart
@@ -565,7 +565,7 @@ class _MessageWidgetState extends State<MessageWidget> {
       if (showInChannel || showThreadReplyIndicator) ...[
         if (showThreadParticipants)
           SizedBox.fromSize(
-            size: Size((threadParticipants.length * 8.0) + 10, 16),
+            size: Size((threadParticipants.length * 8.0) + 8, 16),
             child: _buildThreadParticipantsIndicator(),
           ),
         InkWell(
@@ -587,7 +587,7 @@ class _MessageWidgetState extends State<MessageWidget> {
         ),
     ]);
 
-    if (widget.reverse) children = children.reversed.toList();
+    // if (widget.reverse) children = children.reversed.toList();
 
     final showThreadTail = !(hasUrlAttachments || isGiphy || isOnlyEmoji) &&
         (showThreadReplyIndicator || showInChannel);
@@ -648,18 +648,20 @@ class _MessageWidgetState extends State<MessageWidget> {
     var padding = 0.0;
     return Stack(
       children: widget.message.threadParticipants.map((user) {
-        padding += 10.0;
+        padding += 8.0;
         return Positioned(
-          left: padding - 10,
+          right: padding - 8,
           bottom: 0,
           top: 0,
-          child: Material(
-            color: Colors.white,
-            clipBehavior: Clip.antiAlias,
-            shape: CircleBorder(),
+          child: Container(
+            decoration: BoxDecoration(
+              shape: BoxShape.circle,
+              color: StreamChatTheme.of(context).colorTheme.white,
+            ),
+            padding: const EdgeInsets.all(1),
             child: UserAvatar(
               user: user,
-              constraints: BoxConstraints.loose(Size.fromRadius(8)),
+              constraints: BoxConstraints.loose(Size.fromRadius(7)),
               showOnlineStatus: false,
             ),
           ),