Updated the reactions animation

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/ChatChannelViewModel.swift

@@ -397,6 +397,7 @@ open class ChatChannelViewModel: ObservableObject, MessagesDataSource {
         }
 
         var skipChanges = true
+        var animateChanges = false
         for change in changes {
             switch change {
             case .insert(_, index: _),
@@ -407,6 +408,9 @@ open class ChatChannelViewModel: ObservableObject, MessagesDataSource {
                    message.messageId != messages[index.row].messageId
                    || message.type == .ephemeral {
                     skipChanges = false
+                    if index.row < messages.count && message.reactionScoresId != messages[index.row].reactionScoresId {
+                        animateChanges = true
+                    }
                 }
             default:
                 skipChanges = false
@@ -417,7 +421,7 @@ open class ChatChannelViewModel: ObservableObject, MessagesDataSource {
             return .skip
         }
 
-        return .notAnimated
+        return animateChanges ? .animated : .notAnimated
     }
 
     private func enableDateIndicator() {

Sources/StreamChatSwiftUI/ChatChannel/Reactions/ReactionsOverlayView.swift

@@ -59,13 +59,7 @@ public struct ReactionsOverlayView<Factory: ViewFactory>: View {
                 .blur(radius: !popIn ? 0 : 4)
                 .transition(.opacity)
                 .onTapGesture {
-                    withAnimation {
-                        willPopOut = true
-                        popIn = false
-                    }
-                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
-                        onBackgroundTap()
-                    }
+                    dismissReactionsOverlay() { /* No additional handling. */ }
                 }
                 .edgesIgnoringSafeArea(.all)
                 .alert(isPresented: $viewModel.errorShown) {
@@ -118,8 +112,9 @@ public struct ReactionsOverlayView<Factory: ViewFactory>: View {
                                 message: viewModel.message,
                                 contentRect: messageDisplayInfo.frame,
                                 onReactionTap: { reaction in
-                                    viewModel.reactionTapped(reaction)
-                                    onBackgroundTap()
+                                    dismissReactionsOverlay {
+                                        viewModel.reactionTapped(reaction)
+                                    }
                                 }
                             )
                             .scaleEffect(popIn ? 1 : 0)
@@ -181,6 +176,17 @@ public struct ReactionsOverlayView<Factory: ViewFactory>: View {
         }
     }
 
+    private func dismissReactionsOverlay(completion: @escaping () -> Void) {
+        withAnimation {
+            willPopOut = true
+            popIn = false
+        }
+        DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
+            onBackgroundTap()
+            completion()
+        }
+    }
+    
     private func messageActionsOffsetX(reader: GeometryProxy) -> CGFloat {
         let originX = messageActionsOriginX(availableWidth: reader.size.width)
         let sentByCurrentUser = messageDisplayInfo.message.isSentByCurrentUser