How to customize OpenChannelUserMessageCell?

[tezpark]

Summary

• How to customize MessageCell of OpenChannel?

Guide & Snippet

• OpenChannelMessageCell consists of the following inheritance structure.

  • SBUOpenChannelBaseMessageCell
    • SBUOpenChannelContentBaseMessageCell
      • SBUOpenChannelAdminMessageCell
      • SBUOpenChannelFileMessageCell
      • SBUOpenChannelUserMessageCell
        • SBUOpenChannelUnknownMessageCell

• This section describes how to customize user messages as a representative example.

• In general, it is recommended to inherit the User, File, and Aadmin message cells for customization.

• Create a custom cell class that inherits from SBUOpenChannelUserMessageCell.

• And implement where you need to customize

class MyOpenChannelMessageCell: SBUOpenChannelUserMessageCell {
    override func configure(
        _ message: BaseMessage,
        hideDateView: Bool,
        groupPosition: MessageGroupPosition,
        isOverlay: Bool = false
    ) {
        // If you need configuring default settings, call super.configure()
        
        // Customize your cell
    }
}

• Create a Custom ListComponent class that inherits from SBUOpenChannelModule.List.
• Then register the custom cell you created on setupViews method.
  • Customize the tableView(_:cellForRowAt:) function if you need to.

class MyOpenChannelModuleList: SBUOpenChannelModule.List {
    override func setupViews() {
        // register your customized cell
        self.register(userMessageCell: MyOpenChannelMessageCell())
        
        // call super.setupViews() to setup default views
        super.setupViews()
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = super.tableView(tableView, cellForRowAt: indexPath)
        // If necessary, you can customize the behavior as shown below logic.
        switch cell {
        case let messageCell as SBUOpenChannelUserMessageCell:
            messageCell.userNameView.isHidden = true
        default:
            break
        }
        return cell
    }
}

• Then, you should update SBUModuleSet.OpenChannelModule.ListComponent to the customized list component:

SBUModuleSet.OpenChannelModule.ListComponent = MyOpenChannelModuleList.self