Add the possibility to customize the cornerRadius of the ComposeInputView (#272)

Co-authored-by: Michael Freiwald <[email protected]>

Author: mfreiwald

CHANGELOG.md

@@ -7,6 +7,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Possibility to customize message reactions top padding (for grid-based reaction containers)
 - Custom sorting of reactions
 - Added a configurable separator view for new messages
+- Possibility to customize the cornerRadius of the `ComposerInputView`
 
 # [4.26.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.26.0)
 _January 16, 2023_

Sources/StreamChatSwiftUI/ChatChannel/Composer/ComposerConfig.swift

@@ -9,19 +9,22 @@ public struct ComposerConfig {
 
     public var inputViewMinHeight: CGFloat
     public var inputViewMaxHeight: CGFloat
+    public var inputViewCornerRadius: CGFloat
     public var inputFont: UIFont
     public var adjustMessageOnSend: (String) -> (String)
     public var adjustMessageOnRead: (String) -> (String)
 
     public init(
         inputViewMinHeight: CGFloat = 38,
         inputViewMaxHeight: CGFloat = 76,
+        inputViewCornerRadius: CGFloat = 20,
         inputFont: UIFont = UIFont.preferredFont(forTextStyle: .body),
         adjustMessageOnSend: @escaping (String) -> (String) = { $0 },
         adjustMessageOnRead: @escaping (String) -> (String) = { $0 }
     ) {
         self.inputViewMinHeight = inputViewMinHeight
         self.inputViewMaxHeight = inputViewMaxHeight
+        self.inputViewCornerRadius = inputViewCornerRadius
         self.inputFont = inputFont
         self.adjustMessageOnSend = adjustMessageOnSend
         self.adjustMessageOnRead = adjustMessageOnRead

Sources/StreamChatSwiftUI/ChatChannel/Composer/MessageComposerView.swift

@@ -343,11 +343,11 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
         .padding(.leading, 8)
         .background(composerInputBackground)
         .overlay(
-            RoundedRectangle(cornerRadius: 20)
+            RoundedRectangle(cornerRadius: TextSizeConstants.cornerRadius)
                 .stroke(Color(colors.innerBorder))
         )
         .clipShape(
-            RoundedRectangle(cornerRadius: 20)
+            RoundedRectangle(cornerRadius: TextSizeConstants.cornerRadius)
         )
         .accessibilityIdentifier("ComposerInputView")
     }

Sources/StreamChatSwiftUI/Utils/Common/InputTextView.swift

@@ -18,6 +18,10 @@ struct TextSizeConstants {
     static var minThreshold: CGFloat {
         composerConfig.inputViewMinHeight
     }
+
+    static var cornerRadius: CGFloat {
+        composerConfig.inputViewCornerRadius
+    }
 }
 
 class InputTextView: UITextView, AccessibilityView {