How to hide the message receipt state icon in a message cell?

[tezpark]

Summary

• How to hide the message receipt state icon in a message cell?

Guide & Snippet

• You can hide the message receipt state icon by customizing the message cell's stateView.

Code snippet

• Override the configure method of SBUUserMessageCell and set the desired conditions to hide the stateImageView.

class CustomUserMessageCell: SBUUserMessageCell {
    override func configure(with configuration: SBUBaseMessageCellParams) {
        super.configure(with: configuration)

        // You can hide the `stateImageView` by setting the desired conditions here.
        let sendingStatus = message?.sendingStatus
        let receiptState = configuration.receiptState
        let filteringStates: [SBUMessageReceiptState] = [.none, .read, .delivered]
        
        if sendingStatus == .succeeded, filteringStates.contains(receiptState) {
            (self.stateView as? SBUMessageStateView)?.stateImageView.isHidden = true
        }
    }
}

• Register userMessageCell in SBUGroupChannelModule.List to CustomUserMessageCell and update it.

class CustomGroupChannelListComponent: SBUGroupChannelModule.List {
    override func setupViews() {
        self.register(userMessageCell: CustomUserMessageCell())
        super.setupViews()
    }
}

Note: FileMessage type can be registered in the same way by creating a CustomFileMessageCell and registering it.

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

SBUModuleSet.GroupChannelModule.ListComponent = CustomGroupChannelListComponent.self

Results

As-is	To-be

Reference

• SBUUserMessageCell
• SBUGroupChannelModule.List