Add support for customizing text colors in LinkAttachmentView (#992)

* Add support for customizing text colors in `LinkAttachmentView`

* Update CHANGELOG with new features and fixes

Added support for customizing text colors in LinkAttachmentView.

Author: nuno-vieira

CHANGELOG.md

@@ -8,6 +8,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Opens `MarkdownFormatter` so that it can be customised [#978](https://github.com/GetStream/stream-chat-swiftui/pull/978)
 - Add participant actions in channel info view [#982](https://github.com/GetStream/stream-chat-swiftui/pull/982)
 - Add support for overriding `onImageTap` in `LinkAttachmentView` [#986](https://github.com/GetStream/stream-chat-swiftui/pull/986)
+- Add support for customizing text colors in `LinkAttachmentView` [#992](https://github.com/GetStream/stream-chat-swiftui/pull/992)
 
 ### 🐞 Fixed
 - Fix openChannel not working when searching or another chat shown [#975](https://github.com/GetStream/stream-chat-swiftui/pull/975)

Sources/StreamChatSwiftUI/ChatChannel/MessageList/LinkAttachmentView.swift

@@ -129,7 +129,7 @@ public struct LinkAttachmentView: View {
                     if !authorHidden {
                         BottomLeftView {
                             Text(linkAttachment.author ?? "")
-                                .foregroundColor(colors.tintColor)
+                                .foregroundColor(colors.messageLinkAttachmentAuthorColor)
                                 .font(fonts.bodyBold)
                                 .standardPadding()
                                 .bubble(
@@ -146,12 +146,14 @@ public struct LinkAttachmentView: View {
                 if let title = linkAttachment.title {
                     Text(title)
                         .font(fonts.footnoteBold)
+                        .foregroundColor(colors.messageLinkAttachmentTitleColor)
                         .lineLimit(1)
                 }
 
                 if let description = linkAttachment.text {
                     Text(description)
                         .font(fonts.footnote)
+                        .foregroundColor(colors.messageLinkAttachmentTextColor)
                         .lineLimit(3)
                 }
             }

Sources/StreamChatSwiftUI/ColorPalette.swift

@@ -11,6 +11,10 @@ public struct ColorPalette {
         navigationBarTitle = text
         navigationBarSubtitle = textLowEmphasis
         navigationBarTintColor = tintColor
+
+        messageLinkAttachmentAuthorColor = tintColor
+        messageLinkAttachmentTitleColor = Color(text)
+        messageLinkAttachmentTextColor = Color(text)
     }
 
     /// Tint color used in UI components.
@@ -86,6 +90,12 @@ public struct ColorPalette {
     public lazy var selectedReactionBackgroundColor: UIColor? = nil
     public var voiceMessageControlBackground: UIColor = .streamWhiteStatic
 
+    // MARK: - Link Attachment View
+
+    public var messageLinkAttachmentAuthorColor: Color
+    public var messageLinkAttachmentTitleColor: Color
+    public var messageLinkAttachmentTextColor: Color
+
     // MARK: - Composer
 
     public lazy var composerPlaceholderColor: UIColor = subtitleText

Sources/StreamChatSwiftUI/Generated/L10n.swift

@@ -115,7 +115,7 @@ internal enum L10n {
       }
       /// Remove User
       internal static var removeUserConfirmationTitle: String { L10n.tr("Localizable", "channel.item.remove-user-confirmation-title") }
-      /// Send direct message
+      /// Send Direct Message
       internal static var sendDirectMessage: String { L10n.tr("Localizable", "channel.item.send-direct-message") }
       /// are typing ...
       internal static var typingPlural: String { L10n.tr("Localizable", "channel.item.typing-plural") }

StreamChatSwiftUITests/Tests/ChatChannel/MessageView_Tests.swift

@@ -575,6 +575,38 @@ class MessageView_Tests: StreamChatTestCase {
         assertSnapshot(matching: view, as: .image(perceptualPrecision: precision))
     }
 
+    func test_linkAttachmentView_customColors_snapshot() {
+        // Given
+        var colorPalette = ColorPalette()
+        colorPalette.messageLinkAttachmentAuthorColor = .orange
+        colorPalette.messageLinkAttachmentTitleColor = .blue
+        colorPalette.messageLinkAttachmentTextColor = .red
+        streamChat = StreamChat(
+            chatClient: chatClient,
+            appearance: .init(colors: colorPalette)
+        )
+
+        // When
+        let view = LinkAttachmentView(
+            linkAttachment: .mock(
+                id: .unique,
+                originalURL: URL(string: "https://getstream.io")!,
+                title: "Stream",
+                text: "Some link text description",
+                author: "Nuno Vieira",
+                titleLink: nil,
+                assetURL: nil,
+                previewURL: .localYodaImage
+            ),
+            width: 200,
+            isFirst: true
+        )
+        .frame(width: 200, height: 140)
+
+        // Then
+        assertSnapshot(matching: view, as: .image(perceptualPrecision: precision))
+    }
+
     func test_linkAttachmentView_shouldNotRenderLinkPreviewWithOtherAttachments() {
         // Given
         let messageWithLinkAndImages = ChatMessage.mock(