How to setting the messageCellTheme differently when using GroupChannel and OpenChannel together?

[tezpark]

Summary

• How to set the messageCellTheme differently when using GroupChannel and OpenChannel together?

Customer request

• When I change the theme property of userMessageCell in openChannel, it also affects groupChannel. How do I customize the messageCell themes of GroupChannel and OpenChannel since they are not separated?

Guide & Snippet

• In the current structure, the messageCellTheme is not separated by channel type, so you need to modify it so that each channel can have a theme that matches the channel type.

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

• Create CustomGroupChannelModuleList and CustomOpenChannelModuleList

class CustomGroupChannelModuleList: SBUGroupChannelModule.List {
    override func configure(
        delegate: any SBUGroupChannelModuleListDelegate,
        dataSource: any SBUGroupChannelModuleListDataSource,
        theme: SBUChannelTheme
    ) {
        // Set as a property of `messageCellTheme` to use in groupChannel when `ListComponent` is configured.
        SBUTheme.messageCellTheme = SBUMessageCellTheme()
        SBUTheme.messageCellTheme.userMessageLeftTextColor = .red
        
        super.configure(delegate: delegate, dataSource: dataSource, theme: theme)
    }
}

class CustomOpenChannelModuleList: SBUOpenChannelModule.List {
    override func configure(
        delegate: any SBUOpenChannelModuleListDelegate,
        dataSource: any SBUOpenChannelModuleListDataSource,
        theme: SBUChannelTheme
    ) {
        // Set as a property of `messageCellTheme` to use in openChannel when `ListComponent` is configured.
        SBUTheme.messageCellTheme = SBUMessageCellTheme()
        SBUTheme.messageCellTheme.userMessageLeftTextColor = .blue
        
        super.configure(delegate: delegate, dataSource: dataSource, theme: theme)
    }
}

• Before using the custom class, please set this in SBUModuleSet.

SBUModuleSet.GroupChannelModule.ListComponent = CustomGroupChannelModuleList.self
SBUModuleSet.OpenChannelModule.ListComponent = CustomOpenChannelModuleList.self

Result

GroupChannel	OpenChannel