Added way to customize link attachments text color

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/MessageList/LinkAttachmentView.swift

@@ -38,7 +38,7 @@ public struct LinkAttachmentContainer<Factory: ViewFactory>: View {
             let availableWidth = width - 4 * padding
             let size = message.text.frameSize(maxWidth: availableWidth)
             LinkTextView(
-                text: message.text,
+                message: message,
                 width: availableWidth,
                 textColor: UIColor(textColor(for: message))
             )

Sources/StreamChatSwiftUI/ChatChannel/MessageList/LinkTextView.swift

@@ -2,12 +2,16 @@
 // Copyright © 2022 Stream.io Inc. All rights reserved.
 //
 
+import StreamChat
 import SwiftUI
 import UIKit
 
 /// SwiftUI wrapper for displaying links in a text view.
 struct LinkTextView: UIViewRepresentable {
-    var text: String
+    
+    @Injected(\.utils) private var utils
+    
+    var message: ChatMessage
     var width: CGFloat
     var textColor: UIColor
 
@@ -25,6 +29,7 @@ struct LinkTextView: UIViewRepresentable {
         textView.adjustsFontForContentSizeCategory = true
         textView.text = text
         textView.textColor = textColor
+        textView.linkTextAttributes = utils.messageListConfig.messageDisplayOptions.messageLinkDisplayResolver(message)
         return textView
     }
 
@@ -35,6 +40,10 @@ struct LinkTextView: UIViewRepresentable {
             uiView.frame.size = size
         }
     }
+    
+    private var text: String {
+        message.text
+    }
 }
 
 /// Text View that ignores all user interactions except touches on links

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageListConfig.swift

@@ -67,28 +67,40 @@ public enum DateIndicatorPlacement {
 
 /// Used to show and hide different helper views around the message.
 public struct MessageDisplayOptions {
-    
+        
     let showAvatars: Bool
     let showMessageDate: Bool
     let showAuthorName: Bool
     let animateChanges: Bool
     let currentUserMessageTransition: AnyTransition
     let otherUserMessageTransition: AnyTransition
+    var messageLinkDisplayResolver: (ChatMessage) -> [NSAttributedString.Key: Any]
 
     public init(
         showAvatars: Bool = true,
         showMessageDate: Bool = true,
         showAuthorName: Bool = true,
         animateChanges: Bool = true,
         currentUserMessageTransition: AnyTransition = .identity,
-        otherUserMessageTransition: AnyTransition = .identity
+        otherUserMessageTransition: AnyTransition = .identity,
+        messageLinkDisplayResolver: @escaping (ChatMessage) -> [NSAttributedString.Key: Any] = MessageDisplayOptions
+            .defaultLinkDisplay
     ) {
         self.showAvatars = showAvatars
         self.showAuthorName = showAuthorName
         self.showMessageDate = showMessageDate
         self.animateChanges = animateChanges
         self.currentUserMessageTransition = currentUserMessageTransition
         self.otherUserMessageTransition = otherUserMessageTransition
+        self.messageLinkDisplayResolver = messageLinkDisplayResolver
+    }
+    
+    public static var defaultLinkDisplay: (ChatMessage) -> [NSAttributedString.Key: Any] {
+        { _ in
+            [
+                NSAttributedString.Key.foregroundColor: UIColor(InjectedValues[\.colors].tintColor)
+            ]
+        }
     }
 }
 

docusaurus/docs/iOS/swiftui/components/message-list.md

@@ -49,6 +49,23 @@ let messageDisplayOptions = MessageDisplayOptions(
 )
 ```
 
+For link attachments, you can control the link text attributes (font, font weight, color) based on the message. Here's an example how to change the link color based on the message sender, with the `messageLinkDisplayResolver`:
+
+```swift
+let messageDisplayOptions = MessageDisplayOptions(messageLinkDisplayResolver: { message in
+    let color = message.isSentByCurrentUser ? UIColor.red : UIColor.green
+        return [
+            NSAttributedString.Key.foregroundColor: color
+        ]
+    })
+let messageListConfig = MessageListConfig(messageDisplayOptions: messageDisplayOptions)
+let utils = Utils(messageListConfig: messageListConfig)
+        
+let streamChat = StreamChat(chatClient: chatClient, utils: utils)
+``` 
+
+## Message List Background
+
 You can also modify the background of the message list to any SwiftUI `View` (`Color`, `LinearGradient`, `Image` etc.). In order to do this, you would need to implement the `makeMessageListBackground` method in the `ViewFactory`.
 
 ```swift