✨ (#65) Add callback when user react on message.

SimformSolutionsPvtLtd · Mar 6, 2023 · ea902b3 · ea902b3
1 parent 93a200c
commit ea902b3
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 36 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,9 +1,11 @@
-## (UnReleased)
+## [1.2.1]
 
 * **Fix**: [60](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/60) Fix image from
   file is not loaded.
 * **Fix**: [61](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/61) Fix issue of
   audio message is not working.
+* **Feat**: [65](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/65) Add callback 
+  when user react on message.
 
 
 ## [1.2.0+1]

diff --git a/README.md b/README.md
@@ -258,6 +258,9 @@ ChatView(
   ...
   reactionPopupConfig: ReactionPopupConfiguration(
     backgroundColor: Colors.white,
+    userReactionCallback: (message, emoji){
+      // Your code goes here
+    }
     padding: EdgeInsets.all(12),
     shadow: BoxShadow(
       color: Colors.black54,
@@ -355,15 +358,12 @@ ChatView(
 )
 ```
 
-14. Get imagepath from image picker and add imagepicker icon configuration.
+14. Add image picker icon configuration.
 ```dart
 ChatView(
   ...
   sendMessageConfig: SendMessageConfiguration(
     imagePickerIconsConfig: ImagePickerIconsConfiguration(
-      onImageSelected: (imagePath, error){
-
-      },
       cameraIconColor: Colors.black,
       galleryIconColor: Colors.black,
     )
@@ -398,19 +398,6 @@ ChatView(
     ...
 )
 ```
-
-17. Setting auto scroll and highlight config with `RepliedMsgAutoScrollConfig` class.
-```dart
-ChatView(
-    ...
-    repliedMsgAutoScrollConfig: RepliedMsgAutoScrollConfig(
-      enableHighlightRepliedMsg: true,
-      highlightColor: Colors.grey,
-      highlightScale: 1.1,
-    )
-    ...
-)
-```
 ## How to use
 
 Check out [blog](https://medium.com/simform-engineering/chatview-a-cutting-edge-chat-ui-solution-7367b1f9d772) for better understanding and basic implementation. 

diff --git a/example/lib/main.dart b/example/lib/main.dart
@@ -247,17 +247,17 @@ class _ChatScreenState extends State<ChatScreen> {
     ReplyMessage replyMessage,
     MessageType messageType,
   ) {
-      final id = int.parse(Data.messageList.last.id) + 1;
-      _chatController.addMessage(
-        Message(
-          id: id.toString(),
-          createdAt: DateTime.now(),
-          message: message,
-          sendBy: currentUser.id,
-          replyMessage: replyMessage,
-          messageType: messageType,
-        ),
-      );
+    final id = int.parse(Data.messageList.last.id) + 1;
+    _chatController.addMessage(
+      Message(
+        id: id.toString(),
+        createdAt: DateTime.now(),
+        message: message,
+        sendBy: currentUser.id,
+        replyMessage: replyMessage,
+        messageType: messageType,
+      ),
+    );
   }
 
   void _onThemeIconTap() {

diff --git a/lib/src/models/reaction_popup_configuration.dart b/lib/src/models/reaction_popup_configuration.dart
@@ -21,6 +21,8 @@
  */
 import 'package:flutter/material.dart';
 
+import 'models.dart';
+
 class ReactionPopupConfiguration {
   /// Used for background color in reaction pop-up.
   final Color? backgroundColor;
@@ -49,7 +51,11 @@ class ReactionPopupConfiguration {
   /// Provides glass morphism effect configuration.
   final GlassMorphismConfiguration? glassMorphismConfig;
 
+  /// Provides callback when user react on message.
+  final void Function(Message message, String emoji)? userReactionCallback;
+
   ReactionPopupConfiguration({
+    this.userReactionCallback,
     this.showGlassMorphismEffect = false,
     this.backgroundColor,
     this.shadow,

diff --git a/lib/src/widgets/chat_list_widget.dart b/lib/src/widgets/chat_list_widget.dart
@@ -189,7 +189,7 @@ class _ChatListWidgetState extends State<ChatListWidget>
                 onChatBubbleLongPress: (yCoordinate, xCoordinate, message) {
                   if (featureActiveConfig?.enableReactionPopup ?? false) {
                     _reactionPopupKey.currentState?.refreshWidget(
-                      messageId: message.id,
+                      message: message,
                       xCoordinate: xCoordinate,
                       yCoordinate:
                           yCoordinate < 0 ? -(yCoordinate) - 5 : yCoordinate,

diff --git a/lib/src/widgets/reaction_popup.dart b/lib/src/widgets/reaction_popup.dart
@@ -58,7 +58,7 @@ class ReactionPopupState extends State<ReactionPopup>
   bool get showPopUp => widget.showPopUp;
   double _yCoordinate = 0.0;
   double _xCoordinate = 0.0;
-  String _messageId = '';
+  Message? _message;
 
   ChatController? chatController;
   ChatUser? currentUser;
@@ -155,10 +155,14 @@ class ReactionPopupState extends State<ReactionPopup>
   Widget get _reactionPopupRow => EmojiRow(
         onEmojiTap: (emoji) {
           widget.onTap();
-          if (currentUser != null) {
+          if (currentUser != null && _message != null) {
+            reactionPopupConfig?.userReactionCallback?.call(
+              _message!,
+              emoji,
+            );
             chatController?.setReaction(
               emoji: emoji,
-              messageId: _messageId,
+              messageId: _message!.id,
               userId: currentUser!.id,
             );
           }
@@ -167,12 +171,12 @@ class ReactionPopupState extends State<ReactionPopup>
       );
 
   void refreshWidget({
-    required String messageId,
+    required Message message,
     required double xCoordinate,
     required double yCoordinate,
   }) {
     setState(() {
-      _messageId = messageId;
+      _message = message;
       _xCoordinate = xCoordinate;
       _yCoordinate = yCoordinate;
     });

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -1,6 +1,6 @@
 name: chatview
 description: A Flutter package that allows you to integrate Chat View with highly customization options.
-version: 1.2.0+1
+version: 1.2.1
 issue_tracker: https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues
 repository: https://github.com/SimformSolutionsPvtLtd/flutter_chatview