Day Dividers when using renderChatItem of UI Kit

Sendbird Chat UIKit
, ,
1

Hi,

When using the renderChatItem prop with the Channel component of UI Kit the day dividers e.g. June 08, 2021 that are normally shown disappear.

Is there a recommended way to add these day dividers back in when rendering your own custom UI for messages?

Using sendbird-uikit 2.2.1

Thanks

Dave

2

Hi @daveh,

The reason these disappear is that they’re actually part of the build in chatItem. When you render your own chatItem you’ll need to replicate this behavior. You can see the source code for that separator here: sendbird-uikit-react-sources/src/ui/DateSeparator at main · sendbird/sendbird-uikit-react-sources · GitHub