feat: Added reaction faces to bottom sheet

2020-10-09 16:12:34 +05:30
parent 9585ae7066
commit 2f748b50c5
2 changed files with 64 additions and 0 deletions
@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'package:stream_chat/stream_chat.dart';
+import 'package:stream_chat_flutter/src/user_avatar.dart';
+
+class UserReactionDisplay extends StatelessWidget {
+  const UserReactionDisplay({
+    Key key,
+    @required this.reactionToEmoji,
+    @required this.message,
+    this.size = 30,
+  }) : super(key: key);
+
+  final Map<String, String> reactionToEmoji;
+  final Message message;
+  final double size;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.black87,
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisAlignment: MainAxisAlignment.center,
+        mainAxisSize: MainAxisSize.min,
+        children: reactionToEmoji.keys.map((reactionType) {
+          var firstUserReaction = message.latestReactions.firstWhere(
+              (element) => element.type == reactionType, orElse: () {
+            return null;
+          });
+
+          if (firstUserReaction == null) {
+            return IconButton(
+              iconSize: size,
+              icon: Container(),
+              onPressed: null,
+            );
+          }
+
+          return IconButton(
+            iconSize: size,
+            icon: UserAvatar(
+              user: firstUserReaction.user,
+              constraints: BoxConstraints(
+                maxHeight: size - 5,
+                maxWidth: size - 5,
+              ),
+              onTap: (user) {},
+            ),
+            onPressed: () {},
+          );
+        }).toList(),
+      ),
+    );
+  }
+}