Update composer design: RTL send icon, attachment picker prompts, and poll icon consistency (#1397)

* Add RTL support for send icon

* Update AttachmentPickerPromptView Design

* Update poll icons to SF Symbol one

* Update channel list item attachment preview icon size

* Update snapshot tests

* Update changelog

Author: nuno-vieira

CHANGELOG.md

@@ -163,7 +163,7 @@ struct PinnedMessageView<Factory: ViewFactory>: View {
         if let iconImage = previewAttachmentIconImage {
             Image(uiImage: iconImage)
                 .customizable()
-                .frame(maxHeight: 12)
+                .frame(width: tokens.iconSizeSm, height: tokens.iconSizeSm)
                 .accessibilityHidden(true)
         }
     }

Sources/StreamChatSwiftUI/ChatChannel/ChannelInfo/PinnedMessagesView.swift

@@ -215,7 +215,7 @@ public struct ChatChannelListItem<Factory: ViewFactory>: View {
         if let iconImage = previewAttachmentIconImage {
             Image(uiImage: iconImage)
                 .customizable()
-                .frame(height: 14)
+                .frame(width: tokens.iconSizeSm, height: tokens.iconSizeSm)
                 .accessibilityHidden(true)
         }
     }

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelListItem.swift

@@ -28,8 +28,8 @@ public struct AttachmentPickerPromptView: View {
     }
 
     public var body: some View {
-        VStack(spacing: tokens.spacingXs) {
-            VStack(spacing: tokens.spacingXs) {
+        VStack(spacing: tokens.spacingMd) {
+            VStack(spacing: tokens.spacingSm) {
                 image
                     .customizable()
                     .frame(width: 32, height: 32)
@@ -41,23 +41,20 @@ public struct AttachmentPickerPromptView: View {
                     .foregroundColor(Color(colors.textTertiary))
                     .frame(width: 200)
             }
-            .frame(maxWidth: .infinity, maxHeight: .infinity)
 
             StreamTextButton(
                 role: .secondary,
                 style: .outline,
-                size: .large,
+                size: .medium,
                 action: onTap
             ) {
                 Text(buttonText)
                     .font(fonts.bodyBold)
-                    .frame(maxWidth: .infinity)
             }
-            .frame(maxWidth: .infinity, minHeight: 48, maxHeight: 48, alignment: .center)
         }
         .frame(maxWidth: .infinity, maxHeight: .infinity)
         .padding(.horizontal, tokens.spacing2xl)
-        .padding(.bottom, tokens.spacing3xl)
+        .padding(.bottom, 60)
         .background(Color(colors.backgroundCoreElevation1))
         .accessibilityElement(children: .contain)
         .accessibilityIdentifier("AttachmentPickerPromptView")

Sources/StreamChatSwiftUI/ChatComposer/AttachmentPicker/AttachmentPickerPromptView.swift

@@ -53,7 +53,7 @@ public struct AttachmentTypePickerView: View {
 
             if canSendPoll {
                 AttachmentTypePickerButton(
-                    icon: images.attachmentPickerPolls,
+                    icon: images.attachmentPollIcon,
                     pickerType: .polls,
                     isSelected: selected == .polls,
                     onTap: onTap

Sources/StreamChatSwiftUI/ChatComposer/AttachmentPicker/AttachmentTypePickerView.swift

@@ -6,6 +6,8 @@ import SwiftUI
 
 /// The button for sending messages.
 public struct SendMessageButton: View {
+    @Environment(\.layoutDirection) private var layoutDirection
+
     @Injected(\.images) private var images
     @Injected(\.tokens) private var tokens
 
@@ -27,6 +29,7 @@ public struct SendMessageButton: View {
             Image(uiImage: images.composerSend)
                 .renderingMode(.template)
                 .frame(width: tokens.iconSizeMd, height: tokens.iconSizeMd)
+                .scaleEffect(x: layoutDirection == .rightToLeft ? -1 : 1, y: 1)
         }
         .disabled(!enabled)
         .accessibilityLabel(Text(L10n.Composer.Placeholder.message))

Sources/StreamChatSwiftUI/ChatComposer/Buttons/SendMessageButton.swift

@@ -50,7 +50,7 @@ public struct DefaultMessageAttachmentPreviewIconProvider: MessageAttachmentPrev
     public func image(for icon: MessageAttachmentPreviewIcon) -> UIImage {
         switch icon {
         case .poll:
-            return images.attachmentPickerPolls
+            return images.attachmentPollIcon
         case .voiceRecording:
             return images.attachmentVoiceIcon
         case .photo: