Configuration for highlighted composer border color

Author: martinmitrevski

CHANGELOG.md

@@ -3,6 +3,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 # Upcoming
 
+### ✅ Added
+- Configuration for highlighted composer border color
+
 ### 🐞 Fixed
 - Improved loading of gallery images
 

Sources/StreamChatSwiftUI/ChatChannel/Composer/MessageComposerView.swift

@@ -217,7 +217,7 @@ public struct MessageComposerView<Factory: ViewFactory>: View, KeyboardReadable
 }
 
 /// View for the composer's input (text and media).
-public struct ComposerInputView<Factory: ViewFactory>: View {
+public struct ComposerInputView<Factory: ViewFactory>: View, KeyboardReadable {
 
     @EnvironmentObject var viewModel: MessageComposerViewModel
 
@@ -240,6 +240,7 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
     var removeAttachmentWithId: (String) -> Void
 
     @State var textHeight: CGFloat = TextSizeConstants.minimumHeight
+    @State var keyboardShown = false
 
     public init(
         factory: Factory,
@@ -387,11 +388,14 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
         .background(composerInputBackground)
         .overlay(
             RoundedRectangle(cornerRadius: TextSizeConstants.cornerRadius)
-                .stroke(Color(colors.innerBorder))
+                .stroke(Color(keyboardShown ? colors.composerInputHighlightedBorder : colors.innerBorder))
         )
         .clipShape(
             RoundedRectangle(cornerRadius: TextSizeConstants.cornerRadius)
         )
+        .onReceive(keyboardWillChangePublisher) { visible in
+            keyboardShown = visible
+        }
         .accessibilityIdentifier("ComposerInputView")
     }
 

Sources/StreamChatSwiftUI/ColorPalette.swift

@@ -84,6 +84,7 @@ public struct ColorPalette {
 
     public lazy var composerPlaceholderColor: UIColor = subtitleText
     public lazy var composerInputBackground: UIColor = background
+    public var composerInputHighlightedBorder: UIColor = .streamInnerBorder
 }
 
 // Those colors are default defined stream constants, which are fallback values if you don't implement your color theme.