Merge pull request #2511 from RocketChat/bug/read_receipt_view.2464

[FIX] Read receipts missing on the list of messages

Author: rafaelks

Rocket.Chat/Views/Chat/New Chat/Cells/BaseMessageCell.swift

@@ -78,20 +78,21 @@ class BaseMessageCell: UICollectionViewCell, BaseMessageCellProtocol, ChatCell {
     func configure(readReceipt button: UIButton) {
         guard
             let viewModel = viewModel?.base as? BaseMessageChatItem,
-            let settings = settings
+            let settings = settings,
+            let message = viewModel.message
         else {
             return
         }
 
         if settings.messageReadReceiptEnabled {
             button.isHidden = false
+
+            let image = message.unread ? UIImage(named: "Unread") : UIImage(named: "Read")
+            button.setImage(image, for: .normal)
         } else {
             button.isHidden = true
             button.changeWidth(to: 0)
             button.changeLeading(to: 0)
-
-            let image = (viewModel.message?.unread ?? false) ? UIImage(named: "Unread") : UIImage(named: "Read")
-            button.setImage(image, for: .normal)
         }
     }
 

Rocket.Chat/Views/Chat/New Chat/Cells/BasicMessageCell.xib

@@ -49,12 +49,13 @@
                             <constraint firstAttribute="height" constant="20" id="zQ8-gG-X3N"/>
                         </constraints>
                     </view>
-                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nz7-HR-gAg">
+                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nz7-HR-gAg">
                         <rect key="frame" x="339" y="35" width="20" height="20"/>
                         <constraints>
                             <constraint firstAttribute="width" constant="20" id="0MA-1u-JG8"/>
                             <constraint firstAttribute="height" constant="20" id="Kf1-nT-YCg"/>
                         </constraints>
+                        <state key="normal" image="Unread"/>
                     </button>
                     <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Exclamation" translatesAutoresizingMaskIntoConstraints="NO" id="yII-Mp-ySs">
                         <rect key="frame" x="164.5" y="15.5" width="14" height="14"/>
@@ -106,5 +107,6 @@
     </objects>
     <resources>
         <image name="Exclamation" width="20" height="20"/>
+        <image name="Unread" width="15" height="9"/>
     </resources>
 </document>

Rocket.Chat/Views/Chat/New Chat/Cells/SequentialMessageCell.xib

@@ -26,12 +26,13 @@
                             <constraint firstAttribute="height" constant="20" id="Za6-ue-cn4"/>
                         </constraints>
                     </view>
-                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="prl-FX-Ikw">
+                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="prl-FX-Ikw">
                         <rect key="frame" x="339" y="0.0" width="20" height="20"/>
                         <constraints>
                             <constraint firstAttribute="height" constant="20" id="pBg-j1-r96"/>
                             <constraint firstAttribute="width" constant="20" id="ziC-M7-ddE"/>
                         </constraints>
+                        <state key="normal" image="Unread"/>
                     </button>
                 </subviews>
             </view>
@@ -58,4 +59,7 @@
             <point key="canvasLocation" x="509.60000000000002" y="-292.80359820089956"/>
         </collectionViewCell>
     </objects>
+    <resources>
+        <image name="Unread" width="15" height="9"/>
+    </resources>
 </document>