From e35e8f613f6fd9721cc59683214039dab65e1ec2 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 24 Aug 2020 21:32:39 -0500
Subject: [PATCH] Rudimentary ChatList display

---
 app/soapbox/features/chats/components/chat_list.js | 3 ++-
 app/styles/chats.scss                              | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/chats/components/chat_list.js b/app/soapbox/features/chats/components/chat_list.js
index e2446e07f..daac2a07c 100644
--- a/app/soapbox/features/chats/components/chat_list.js
+++ b/app/soapbox/features/chats/components/chat_list.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { fetchChats } from 'soapbox/actions/chats';
+import Account from 'soapbox/components/account';
 
 const mapStateToProps = state => ({
   chats: state.get('chats'),
@@ -33,7 +34,7 @@ class ChatList extends ImmutablePureComponent {
         <div className='chat-list__content'>
           {chats.toList().map(chat => (
             <div className='chat-list-item'>
-              {chat.getIn(['account', 'acct'])}
+              <Account account={chat.get('account')} />
             </div>
           ))}
         </div>
diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index 60d1355e2..7cd165b17 100644
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@@ -3,6 +3,7 @@
   bottom: 0;
   right: 20px;
   width: 265px;
+  z-index: 99999;
 
   &__header {
     background: var(--brand-color);