Exposed adding background of a selected reaction

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/Reactions/ReactionsOverlayContainer.swift

@@ -118,6 +118,7 @@ struct ReactionsAnimatableView: View {
                             .foregroundColor(color(for: reaction))
                             .frame(width: useLargeIcons ? 25 : 20, height: useLargeIcons ? 27 : 20)
                     }
+                    .background(reactionSelectedBackgroundColor(for: reaction).cornerRadius(8))
                     .scaleEffect(index(for: reaction) != nil ? animationStates[index(for: reaction)!] : 1)
                     .onAppear {
                         guard let index = index(for: reaction) else {
@@ -142,6 +143,16 @@ struct ReactionsAnimatableView: View {
         .reactionsBubble(for: message, background: colors.background8)
     }
 
+    private func reactionSelectedBackgroundColor(for reaction: MessageReactionType) -> Color? {
+        var colors = colors
+        guard let color = colors.selectedReactionBackgroundColor else {
+            return nil
+        }
+        
+        let backgroundColor: Color? = userReactionIDs.contains(reaction) ? Color(color) : nil
+        return backgroundColor
+    }
+    
     private func index(for reaction: MessageReactionType) -> Int? {
         let index = reactions.firstIndex(where: { type in
             type == reaction

Sources/StreamChatSwiftUI/ColorPalette.swift

@@ -76,6 +76,7 @@ public struct ColorPalette {
     public lazy var quotedMessageBackgroundOtherUser: UIColor = background8
     public lazy var reactionCurrentUserColor: UIColor? = UIColor(tintColor)
     public lazy var reactionOtherUserColor: UIColor? = textLowEmphasis
+    public lazy var selectedReactionBackgroundColor: UIColor? = nil
 }
 
 // Those colors are default defined stream constants, which are fallback values if you don't implement your color theme.