Display number of comments and likes

Author: kean

WordPress/Classes/ViewRelated/Reader/ReaderPostCell.swift

@@ -178,7 +178,7 @@ private final class ReaderPostCellView: UIView {
             postPreview.bottomAnchor.constraint(equalTo: toolbarView.topAnchor),
 
             // Align with a preview, but keep the extended frame to make it easier to tap
-            toolbarView.leadingAnchor.constraint(equalTo: postPreview.leadingAnchor, constant: -18),
+            toolbarView.leadingAnchor.constraint(equalTo: postPreview.leadingAnchor, constant: -14),
             toolbarView.bottomAnchor.constraint(equalTo: bottomAnchor)
         ])
     }
@@ -241,8 +241,10 @@ private final class ReaderPostCellView: UIView {
             imageView.isHidden = true
         }
 
-        buttons.comment.configuration?.attributedTitle = AttributedString("213", attributes: Self.toolbarAttributes)
-        buttons.like.configuration?.attributedTitle = AttributedString("1K", attributes: Self.toolbarAttributes)
+        buttons.comment.isHidden = !viewModel.isCommentsEnabled
+        buttons.comment.configuration?.attributedTitle = viewModel.commentCount.map { AttributedString($0, attributes: Self.toolbarAttributes) }
+        buttons.like.isHidden = !viewModel.isLikesEnabled
+        buttons.like.configuration?.attributedTitle = viewModel.likeCount.map { AttributedString($0, attributes: Self.toolbarAttributes) }
     }
 
     private func setAvatar(with viewModel: ReaderPostCellViewModel) {
@@ -291,7 +293,7 @@ private func makeButton(systemImage: String, font: UIFont = UIFont.preferredFont
     configuration.imagePadding = 8
     configuration.preferredSymbolConfigurationForImage = UIImage.SymbolConfiguration(font: font)
     configuration.baseForegroundColor = .secondaryLabel
-    configuration.contentInsets = .init(top: 16, leading: 16, bottom: 14, trailing: 16)
+    configuration.contentInsets = .init(top: 16, leading: 12, bottom: 14, trailing: 12)
 
     let button = UIButton(configuration: configuration)
     if #available(iOS 17.0, *) {

WordPress/Classes/ViewRelated/Reader/ReaderPostCellViewModel.swift

@@ -1,13 +1,22 @@
 import Foundation
 
 final class ReaderPostCellViewModel {
+    // Header
     @Published var avatarURL: URL?
     var author: String
     var time: String
+
+    // Content
     var title: String
     var details: String
     var imageURL: URL?
 
+    // Footer
+    var isCommentsEnabled: Bool
+    var commentCount: String?
+    var isLikesEnabled: Bool
+    var likeCount: String?
+
     private var faviconTask: Task<Void, Never>?
 
     deinit {
@@ -21,6 +30,17 @@ final class ReaderPostCellViewModel {
         self.details = post.contentPreviewForDisplay()
         self.imageURL = post.featuredImageURLForDisplay()
 
+        // TODO: (reader) verify that is*Enabled is correct
+        self.isCommentsEnabled = post.isCommentsEnabled
+        if isCommentsEnabled, let count = post.commentCount?.intValue, count > 0 {
+            self.commentCount = kFormatted(count)
+        }
+
+        self.isLikesEnabled = post.isLikesEnabled()
+        if isLikesEnabled, let count = post.likeCount?.intValue, count > 0 {
+            self.likeCount = kFormatted(count)
+        }
+
         if let avatarURL = post.siteIconForDisplay(ofSize: Int(ReaderPostCell.avatarSize)) {
             self.avatarURL = avatarURL
         } else if let blogURL = post.blogURL.flatMap(URL.init) {
@@ -41,9 +61,17 @@ final class ReaderPostCellViewModel {
         self.title = "Discovering the Wonders of the Wild"
         self.details = "Lorem ipsum dolor sit amet. Non omnis quia et natus voluptatum et eligendi voluptate vel iusto fuga sit repellendus molestiae aut voluptatem blanditiis ad neque sapiente. Id galisum distinctio quo enim aperiam non veritatis vitae et ducimus rerum."
         self.imageURL = URL(string: "https://picsum.photos/1260/630.jpg")
+        self.isLikesEnabled = true
+        self.likeCount = "9K"
+        self.isCommentsEnabled = true
+        self.commentCount = "213"
     }
 
     static func mock() -> ReaderPostCellViewModel {
         ReaderPostCellViewModel()
     }
 }
+
+private func kFormatted(_ count: Int) -> String {
+    count >= 1000 ? String(format: "%.0fK", Double(count) / 1000) : String(count)
+}