Delivered UI- MessagesBox

Add the component within Root with this line:

<Delivered.MessagesBox render={props => <Delivered.MessagesBoxUI {...props} />} />

This component displays the active chat’s messages. The sender information can be clicked on, opening the sender’s profile if UserProfile has been placed within the Delivered Root component.

MessagesBox1.png

To send a message, simply write in the input and press enter to send. You can add emojis through the icon in the right bottom corner.

MessagesBox2.png MessagesBox3.png

To send an image, simply click on the image icon. To send a GIF, click on the GIF icon. Note: for the latter, you will need SearchGif in your application.

Next: SearchGif