From 5fc8b3ff3da94b378e1673d9760ac14fc51ee527 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 26 Aug 2020 00:33:26 -0500
Subject: [PATCH] Chats: improve display of links and emoji

---
 app/soapbox/features/chats/components/chat_window.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/chats/components/chat_window.js b/app/soapbox/features/chats/components/chat_window.js
index b3a9dd45b..9071fb945 100644
--- a/app/soapbox/features/chats/components/chat_window.js
+++ b/app/soapbox/features/chats/components/chat_window.js
@@ -9,6 +9,7 @@ import { acctFull } from 'soapbox/utils/accounts';
 import IconButton from 'soapbox/components/icon_button';
 import { closeChat, toggleChat, fetchChatMessages, sendChatMessage } from 'soapbox/actions/chats';
 import { List as ImmutableList } from 'immutable';
+import emojify from 'soapbox/features/emoji/emoji';
 
 const mapStateToProps = (state, { pane }) => ({
   me: state.get('me'),
@@ -122,9 +123,10 @@ class ChatWindow extends ImmutablePureComponent {
           <div className='chat-messages'>
             {chatMessages.map(chatMessage => (
               <div className={`chat-message${me === chatMessage.get('account_id') ? ' chat-message--me' : ''}`} key={chatMessage.get('id')}>
-                <span className='chat-message__bubble'>
-                  {chatMessage.get('content')}
-                </span>
+                <span
+                  className='chat-message__bubble'
+                  dangerouslySetInnerHTML={{ __html: emojify(chatMessage.get('content')) }}
+                />
               </div>
             ))}
             <div style={{ float: 'left', clear: 'both' }} ref={this.setMessageEndRef} />