Allow changing the attachment size and author avatar size of quoted message view

Author: nuno-vieira

Sources/StreamChatSwiftUI/ChatChannel/MessageList/QuotedMessageView.swift

@@ -6,40 +6,60 @@ import StreamChat
 import SwiftUI
 
 /// Container showing the quoted message view with the user avatar.
-struct QuotedMessageViewContainer<Factory: ViewFactory>: View {
-    private let avatarSize: CGFloat = 24
+public struct QuotedMessageViewContainer<Factory: ViewFactory>: View {
+    public var factory: Factory
+    public var quotedMessage: ChatMessage
+    public var fillAvailableSpace: Bool
+    public var forceLeftToRight: Bool
+    @Binding public var scrolledId: String?
+    public let attachmentSize: CGSize
+    public let quotedAuthorAvatarSize: CGSize
 
-    var factory: Factory
-    var quotedMessage: ChatMessage
-    var fillAvailableSpace: Bool
-    var forceLeftToRight = false
-    @Binding var scrolledId: String?
+    public init(
+        factory: Factory,
+        quotedMessage: ChatMessage,
+        fillAvailableSpace: Bool,
+        forceLeftToRight: Bool = false,
+        scrolledId: Binding<String?>,
+        attachmentSize: CGSize =  CGSize(width: 36, height: 36),
+        quotedAuthorAvatarSize: CGSize = CGSize(width: 24, height: 24)
+    ) {
+        self.factory = factory
+        self.quotedMessage = quotedMessage
+        self.fillAvailableSpace = fillAvailableSpace
+        self.forceLeftToRight = forceLeftToRight
+        _scrolledId = scrolledId
+        self.attachmentSize = attachmentSize
+        self.quotedAuthorAvatarSize = quotedAuthorAvatarSize
+    }
 
-    var body: some View {
+    public var body: some View {
         HStack(alignment: .bottom) {
             if !quotedMessage.isSentByCurrentUser || forceLeftToRight {
                 factory.makeQuotedMessageAvatarView(
                     for: quotedMessage.authorDisplayInfo,
-                    size: CGSize(width: avatarSize, height: avatarSize)
+                    size: quotedAuthorAvatarSize
                 )
 
                 QuotedMessageView(
                     factory: factory,
                     quotedMessage: quotedMessage,
                     fillAvailableSpace: fillAvailableSpace,
-                    forceLeftToRight: forceLeftToRight
+                    forceLeftToRight: forceLeftToRight,
+                    attachmentSize: attachmentSize
                 )
             } else {
                 QuotedMessageView(
                     factory: factory,
                     quotedMessage: quotedMessage,
                     fillAvailableSpace: fillAvailableSpace,
-                    forceLeftToRight: forceLeftToRight
+                    forceLeftToRight: forceLeftToRight,
+                    attachmentSize: attachmentSize
                 )
 
                 factory.makeQuotedMessageAvatarView(
                     for: quotedMessage.authorDisplayInfo,
-                    size: CGSize(width: avatarSize, height: avatarSize)
+                    size: quotedAuthorAvatarSize
                 )
             }
         }
@@ -62,14 +82,13 @@ public struct QuotedMessageView<Factory: ViewFactory>: View {
     @Injected(\.fonts) private var fonts
     @Injected(\.colors) private var colors
     @Injected(\.utils) private var utils
-    
-    private let attachmentWidth: CGFloat = 36
 
     public var factory: Factory
     public var quotedMessage: ChatMessage
     public var fillAvailableSpace: Bool
     public var forceLeftToRight: Bool
-    
+    public let attachmentSize: CGSize
+
     private var messageTypeResolver: MessageTypeResolving {
         utils.messageTypeResolver
     }
@@ -78,12 +97,14 @@ public struct QuotedMessageView<Factory: ViewFactory>: View {
         factory: Factory,
         quotedMessage: ChatMessage,
         fillAvailableSpace: Bool,
-        forceLeftToRight: Bool
+        forceLeftToRight: Bool,
+        attachmentSize: CGSize = CGSize(width: 36, height: 36)
     ) {
         self.factory = factory
         self.quotedMessage = quotedMessage
         self.fillAvailableSpace = fillAvailableSpace
         self.forceLeftToRight = forceLeftToRight
+        self.attachmentSize = attachmentSize
     }
 
     public var body: some View {
@@ -97,22 +118,22 @@ public struct QuotedMessageView<Factory: ViewFactory>: View {
                     } else if !quotedMessage.imageAttachments.isEmpty {
                         LazyLoadingImage(
                             source: MediaAttachment(url: quotedMessage.imageAttachments[0].imageURL, type: .image),
-                            width: attachmentWidth,
-                            height: attachmentWidth,
+                            width: attachmentSize.width,
+                            height: attachmentSize.height,
                             resize: false
                         )
                     } else if !quotedMessage.giphyAttachments.isEmpty {
                         LazyGiphyView(
                             source: quotedMessage.giphyAttachments[0].previewURL,
-                            width: attachmentWidth
+                            width: attachmentSize.width
                         )
                     } else if !quotedMessage.fileAttachments.isEmpty {
                         Image(uiImage: filePreviewImage(for: quotedMessage.fileAttachments[0].assetURL))
                     } else if !quotedMessage.videoAttachments.isEmpty {
                         VideoAttachmentView(
                             attachment: quotedMessage.videoAttachments[0],
                             message: quotedMessage,
-                            width: attachmentWidth,
+                            width: attachmentSize.width,
                             ratio: 1.0,
                             cornerRadius: 0
                         )
@@ -122,11 +143,11 @@ public struct QuotedMessageView<Factory: ViewFactory>: View {
                                 .originalURL
                         )
                         .onDisappear(.cancel)
-                        .processors([ImageProcessors.Resize(width: attachmentWidth)])
+                        .processors([ImageProcessors.Resize(width: attachmentSize.width)])
                         .priority(.high)
                     }
                 }
-                .frame(width: hasVoiceAttachments ? nil : attachmentWidth, height: attachmentWidth)
+                .frame(width: hasVoiceAttachments ? nil : attachmentSize.width, height: attachmentSize.height)
                 .aspectRatio(1, contentMode: .fill)
                 .clipShape(RoundedRectangle(cornerRadius: 8))
                 .allowsHitTesting(false)