Updated icon for pendingSend local message state

Author: martinmitrevski

CHANGELOG.md

@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ### 🔄 Changed
 - `AddedAsset`'s `extraData` property is now of type `[String: RawJSON]`
+- New icon for `pendingSend` local message state
 
 # [4.25.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.25.0)
 _December 16, 2022_

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageListHelperViews.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2022 Stream.io Inc. All rights reserved.
+// Copyright © 2023 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat
@@ -81,10 +81,12 @@ public struct MessageReadIndicatorView: View {
 
     var readUsers: [ChatUser]
     var showReadCount: Bool
+    var localState: LocalMessageState?
 
-    public init(readUsers: [ChatUser], showReadCount: Bool) {
+    public init(readUsers: [ChatUser], showReadCount: Bool, localState: LocalMessageState? = nil) {
         self.readUsers = readUsers
         self.showReadCount = showReadCount
+        self.localState = localState
     }
 
     public var body: some View {
@@ -96,7 +98,7 @@ public struct MessageReadIndicatorView: View {
                     .accessibilityIdentifier("readIndicatorCount")
             }
             Image(
-                uiImage: !readUsers.isEmpty ? images.readByAll : images.messageSent
+                uiImage: image
             )
             .customizable()
             .foregroundColor(!readUsers.isEmpty ? colors.tintColor : Color(colors.textLowEmphasis))
@@ -106,6 +108,10 @@ public struct MessageReadIndicatorView: View {
         .accessibilityElement(children: .contain)
         .accessibilityIdentifier("MessageReadIndicatorView")
     }
+    
+    private var image: UIImage {
+        !readUsers.isEmpty ? images.readByAll : (localState == .pendingSend ? images.messageReceiptSending : images.messageSent)
+    }
 }
 
 /// Message spacer view, used for adding space depending on who sent the message..

Sources/StreamChatSwiftUI/DefaultViewFactory.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2022 Stream.io Inc. All rights reserved.
+// Copyright © 2023 Stream.io Inc. All rights reserved.
 //
 
 import Photos
@@ -819,7 +819,8 @@ extension ViewFactory {
         let showReadCount = channel.memberCount > 2
         return MessageReadIndicatorView(
             readUsers: readUsers,
-            showReadCount: showReadCount
+            showReadCount: showReadCount,
+            localState: message.localState
         )
     }
 }

Sources/StreamChatSwiftUI/Images.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2022 Stream.io Inc. All rights reserved.
+// Copyright © 2023 Stream.io Inc. All rights reserved.
 //
 
 import Foundation
@@ -51,6 +51,7 @@ public class Images {
     public var messageSent: UIImage = loadImageSafely(with: "checkmark_grey")
     public var whiteCheckmark: UIImage = loadImageSafely(with: "checkmark_white")
     public var readByAll: UIImage = loadImageSafely(with: "checkmark_double")
+    public var messageReceiptSending: UIImage = loadImageSafely(with: "message_receipt_sending")
     public var confirmCheckmark: UIImage = loadImageSafely(with: "checkmark_confirm")
     public var bigConfirmCheckmark: UIImage = loadImageSafely(with: "checkmark_confirm_big")
     public var folder: UIImage = loadImageSafely(with: "folder")

Sources/StreamChatSwiftUI/Resources/Assets.xcassets/message_receipt_sending.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "Union.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}

Sources/StreamChatSwiftUI/Resources/Assets.xcassets/message_receipt_sending.imageset/Union.pdf

@@ -1,5 +1,5 @@
 //
-// Copyright © 2022 Stream.io Inc. All rights reserved.
+// Copyright © 2023 Stream.io Inc. All rights reserved.
 //
 
 import SnapshotTesting
@@ -44,4 +44,17 @@ class MessageReadIndicatorView_Tests: StreamChatTestCase {
         // Then
         assertSnapshot(matching: view, as: .image)
     }
+    
+    func test_messageReadIndicatorView_snapshotPendingSend() {
+        // Given
+        let view = MessageReadIndicatorView(
+            readUsers: [],
+            showReadCount: false,
+            localState: .pendingSend
+        )
+        .frame(width: 50, height: 16)
+     
+        // Then
+        assertSnapshot(matching: view, as: .image)
+    }
 }