fix: add interact hint label and separator line for emoji auto complete in compose scene

Localization/app.json

@@ -382,7 +382,8 @@
             },
             "auto_complete": {
                 "single_people_talking": "%ld people talking",
-                "multiple_people_talking": "%ld people talking"
+                "multiple_people_talking": "%ld people talking",
+                "space_to_add": "Space to add"
             },
             "accessibility": {
                 "append_attachment": "Append attachment",

Mastodon/Diffiable/Section/AutoCompleteSection.swift

@@ -33,7 +33,7 @@ extension AutoCompleteSection {
                 return cell
             case .emoji(let emoji):
                 let cell = tableView.dequeueReusableCell(withIdentifier: String(describing: AutoCompleteTableViewCell.self), for: indexPath) as! AutoCompleteTableViewCell
-                configureEmoji(cell: cell, emoji: emoji)
+                configureEmoji(cell: cell, emoji: emoji, isFirst: indexPath.row == 0)
                 return cell
             case .bottomLoader:
                 let cell = tableView.dequeueReusableCell(withIdentifier: String(describing: TimelineBottomLoaderTableViewCell.self), for: indexPath) as! TimelineBottomLoaderTableViewCell
@@ -80,8 +80,10 @@ extension AutoCompleteSection {
         cell.configure(with: AvatarConfigurableViewConfiguration(avatarImageURL: URL(string: account.avatar)))
     }
     
-    private static func configureEmoji(cell: AutoCompleteTableViewCell, emoji: Mastodon.Entity.Emoji) {
+    private static func configureEmoji(cell: AutoCompleteTableViewCell, emoji: Mastodon.Entity.Emoji, isFirst: Bool) {
         cell.titleLabel.text = ":" + emoji.shortcode + ":"
+        // FIXME: handle spacer enter to complete emoji
+        // cell.subtitleLabel.text = isFirst ? L10n.Scene.Compose.AutoComplete.spaceToAdd : " "
         cell.subtitleLabel.text = " "
         cell.avatarImageView.isHidden = false
         cell.configure(with: AvatarConfigurableViewConfiguration(avatarImageURL: URL(string: emoji.url)))

Mastodon/Generated/Strings.swift

@@ -457,6 +457,8 @@ internal enum L10n {
         internal static func singlePeopleTalking(_ p1: Int) -> String {
           return L10n.tr("Localizable", "Scene.Compose.AutoComplete.SinglePeopleTalking", p1)
         }
+        /// Space to add
+        internal static let spaceToAdd = L10n.tr("Localizable", "Scene.Compose.AutoComplete.SpaceToAdd")
       }
       internal enum ContentWarning {
         /// Write an accurate warning here...

Mastodon/Resources/ar.lproj/Localizable.strings

@@ -153,6 +153,7 @@ uploaded to Mastodon.";
 "Scene.Compose.Attachment.Video" = "video";
 "Scene.Compose.AutoComplete.MultiplePeopleTalking" = "%ld people talking";
 "Scene.Compose.AutoComplete.SinglePeopleTalking" = "%ld people talking";
+"Scene.Compose.AutoComplete.SpaceToAdd" = "Space to add";
 "Scene.Compose.ComposeAction" = "Publish";
 "Scene.Compose.ContentInputPlaceholder" = "Type or paste what’s on your mind";
 "Scene.Compose.ContentWarning.Placeholder" = "Write an accurate warning here...";

Mastodon/Resources/en.lproj/Localizable.strings

@@ -153,6 +153,7 @@ uploaded to Mastodon.";
 "Scene.Compose.Attachment.Video" = "video";
 "Scene.Compose.AutoComplete.MultiplePeopleTalking" = "%ld people talking";
 "Scene.Compose.AutoComplete.SinglePeopleTalking" = "%ld people talking";
+"Scene.Compose.AutoComplete.SpaceToAdd" = "Space to add";
 "Scene.Compose.ComposeAction" = "Publish";
 "Scene.Compose.ContentInputPlaceholder" = "Type or paste what’s on your mind";
 "Scene.Compose.ContentWarning.Placeholder" = "Write an accurate warning here...";

Mastodon/Scene/Compose/AutoComplete/Cell/AutoCompleteTableViewCell.swift

@@ -45,6 +45,8 @@ final class AutoCompleteTableViewCell: UITableViewCell {
         return label
     }()
     
+    let separatorLine = UIView.separatorLine
+    
     override func prepareForReuse() {
         super.prepareForReuse()
         avatarImageView.af.cancelImageRequest()
@@ -118,6 +120,15 @@ extension AutoCompleteTableViewCell {
             bottomPaddingView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
             bottomPaddingView.heightAnchor.constraint(equalTo: topPaddingView.heightAnchor, multiplier: 1.0),
         ])
+        
+        separatorLine.translatesAutoresizingMaskIntoConstraints = false
+        contentView.addSubview(separatorLine)
+        NSLayoutConstraint.activate([
+            separatorLine.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
+            separatorLine.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
+            separatorLine.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
+            separatorLine.heightAnchor.constraint(equalToConstant: UIView.separatorLineHeight(of: contentView)).priority(.defaultHigh),
+        ])
     }
     
 }