Gif Selector

[zoeames]

Giphy Api: Go to https://developers.giphy.com/ and set yourself up with a login and create an app (you can enter whatever information in those fields). You will be using the Search endpoint.

• Near my message input field, I would like to be able to click on a Add Gif button. When I click on that button, a text field should show up in some way so that I can search for a gif.
• After searching, I would like to see some options of gifs to choose. I choose a gif by clicking on the image. The options should then disappear and I should see some indicator that I selected a gif for my message.
• When I click send on my message, the gif should appear in the dom with the message that I sent. If there was no text in the chat field, the message should only contain the gif.