Delivered UI- ChatTitle

Add the component within Root with this line:

<Delivered.ChatTitle render={props => <Delivered.ChatTitleUI {...props} />} />

The ChatTitle component displays the active chat’s name if the chat is public or the other user’s name for 1-on-1 chats. In the case of public chats, a toggle button is provided for opening the corresponding chat profile.

Access the chat profile by clicking on the chat’s name:

react-chat-view.png

If the chat is private, the user can click on the title to open the other participant’s profile.

Next: ChatProfile