refactor reaction row

lib/src/message_widget.dart

@@ -487,8 +487,8 @@ class _MessageWidgetState extends State<MessageWidget>
       },
       child: Padding(
         padding: EdgeInsets.symmetric(
-            vertical:
+          vertical: widget.message.reactionCounts?.isNotEmpty == true ? 4.0 : 0,
-                widget.message.reactionCounts?.isNotEmpty == true ? 4.0 : 0),
+        ),
         child: AnimatedContainer(
           duration: Duration(milliseconds: 300),
           curve: Curves.decelerate,
@@ -500,17 +500,22 @@ class _MessageWidgetState extends State<MessageWidget>
               borderRadius: BorderRadius.all(Radius.circular(14))),
           child: (widget.message.reactionCounts != null &&
                   widget.message.reactionCounts.isNotEmpty)
-              ? Row(
+              ? _buildReactionRow()
-                  mainAxisSize: MainAxisSize.min,
+              : SizedBox(),
-                  mainAxisAlignment: MainAxisAlignment.start,
+        ),
-                  children:
+      ),
+    );
+  }
+
+  Row _buildReactionRow() {
+    List<Widget> children =
         widget.message.reactionCounts.keys.map((reactionType) {
       return Text(
         reactionToEmoji[reactionType] ?? '?',
-                            ) as Widget; //TODO refactor
+      );
-                          }).toList() +
+    }).toList();
-                          [
+
-                            Padding(
+    children.add(Padding(
       padding: const EdgeInsets.only(left: 4.0),
       child: Text(
         widget.message.reactionCounts.values
@@ -518,11 +523,11 @@ class _MessageWidgetState extends State<MessageWidget>
             .toString(),
         style: TextStyle(color: Colors.white),
       ),
-                            )
+    ));
-                          ])
+    return Row(
-              : SizedBox(),
+      mainAxisSize: MainAxisSize.min,
-        ),
+      mainAxisAlignment: MainAxisAlignment.start,
-      ),
+      children: children,
     );
   }