ChatList

The ChatList component offers an interface to do the following:

  • open a chat creation UI
  • change the active chat
  • open the chat search
  • open the logged in user’s profile

To create a new public chat, simply click on the plus icon.

react-create-a-chat.png

This will open a dialog asking you the chat’s name, description and possible keywords.

react-create-chat-dialog.png

Once there are several chats, you can switch the active chat by clicking on the corresponding chat’s button.

react-chat-list-active-chat.png

To search for public chats, click on the magnifying glass icon. Note: you will need the SeachChats component placed in your application.

react-magnifying-glass.png

To open your user profile, click on the button with a user logo. Note: you will need the UserProfile component placed in your application.

react-chatlist-user.png

Next: ChatTitle