How to hide a user profile image from the Suggested Mentions list?

[tezpark]

Summary

• How to hide a user profile image from the Suggested Mentions list?

Guide & Snippet

• The SuggestedMentionList is managed by the InputComponent of the GroupChannelModule.
• Therefore, to hide the user profile image, you can create a CustomSuggestedMentionList by inheriting from SBUSuggestedMentionList and hide the user image of the cell in this class.
• Then, create a CustomInputComponent that changes the behavior of the InputComponent to use this custom class and apply it to your module set.

• The logic below is a custom snippet with a simple example.

• Create a CustomSuggestedMentionList class that inherits from SBUSuggestedMentionList.

  • Override the configureCell method to make the userImageView hidden.

class CustomSuggestedMentionList: SBUSuggestedMentionList {
    override func configureCell(_ cell: UITableViewCell?, forRowAt indexPath: IndexPath) {
        super.configureCell(cell, forRowAt: indexPath)
        
        // Hide user image view
        (cell as? SBUUserCell)?.userImageView.isHidden = true
    }
}

• To customize SBUGroupChannelModule.Input, inherit from this class to create a CustomGroupChannelModule.Input class.
  • The CustomGroupChannelModule.Input class is configured to put a CustomSuggestedMentionList in the inputComponent.

class CustomGroupChannelModule {
    class Input: SBUGroupChannelModule.Input {
        override func presentSuggestedMentionList() {
            if suggestedMentionList == nil {
                self.suggestedMentionList = CustomSuggestedMentionList()
                self.suggestedMentionList?.delegate = self
            }
            
            super.presentSuggestedMentionList()
        }
    }
}

• Before using a customized component class, please set it in the SBUModuleSet.

SBUModuleSet.GroupChannelModule.InputComponent = CustomGroupChannelModule.Input.self

Result

As-is	To-be

Reference