Custom UI- ChatTitle

Add your component within Root with this line:

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

Functionalities

  • open the public chat’s profile or the other 1-on-1 chat participant profile

Provided props

  • title (string) is the title of the chat (in the case of a group chat) or the other 1-on-1 chat participant
  • onClick (function) changes the user profile to the other participant’s and allows displaying their profile.
  • chatProfileBtn (boolean) indicates whether the current chat is 1-on-1 or a group. Is used to display a button that opens the chat profile if true.
  • imgUrl (string) URL of the chat image. This is either the group chat profile image or the other user’s image in case of private chats.
  • show (boolean) indicates whether or not the chat title should be displayed. This is false when the chat is not open.
  • ToggleWrapper (function) can be used to wrap an element to give it an on click property, which opens chatProfile. Use it in the following manner:
<props.ToggleWrapper property='chatProfileOpen'>
	{button to open the chat profile}
</props.ToggleWrapper>
  • oneOnOne (boolean) indicates whether or not the chat is private.
  • members (string) is a string containing all the chat members’ names.

Next: ChatProfile