bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rudimentary ChatList display

Browse source
This commit is contained in:
Alex Gleason 2020-08-24 21:32:39 -05:00
parent f1cff927c0
commit e35e8f613f
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/soapbox/features/chats/components/chat_list.js
View file

@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
import { injectIntl, FormattedMessage } from 'react-intl'; import { injectIntl, FormattedMessage } from 'react-intl';
import ImmutablePureComponent from 'react-immutable-pure-component'; import ImmutablePureComponent from 'react-immutable-pure-component';
import { fetchChats } from 'soapbox/actions/chats'; import { fetchChats } from 'soapbox/actions/chats';
import Account from 'soapbox/components/account';
const mapStateToProps = state => ({ const mapStateToProps = state => ({
chats: state.get('chats'), chats: state.get('chats'),
@ -33,7 +34,7 @@ class ChatList extends ImmutablePureComponent {
<div className='chat-list__content'> <div className='chat-list__content'>
{chats.toList().map(chat => ( {chats.toList().map(chat => (
<div className='chat-list-item'> <div className='chat-list-item'>
{chat.getIn(['account', 'acct'])} <Account account={chat.get('account')} />
</div> </div>
))} ))}
</div> </div>

1
app/styles/chats.scss
View file

@ -3,6 +3,7 @@
bottom: 0; bottom: 0;
right: 20px; right: 20px;
width: 265px; width: 265px;
z-index: 99999;
&__header { &__header {
background: var(--brand-color); background: var(--brand-color);