mastodon-docker-playground/app/javascript/mastodon/features/direct_timeline/containers/conversation_container.js

import { connect } from 'react-redux';
import Conversation from '../components/conversation';
import { markConversationRead } from '../../../actions/conversations';

const mapStateToProps = (state, { conversationId }) => {
  const conversation = state.getIn(['conversations', 'items']).find(x => x.get('id') === conversationId);
  const lastStatus   = state.getIn(['statuses', conversation.get('last_status')], null);

  return {
    accounts: conversation.get('accounts').map(accountId => state.getIn(['accounts', accountId], null)),
    unread: conversation.get('unread'),
    lastStatus,
    lastAccount: lastStatus === null ? null : state.getIn(['accounts', lastStatus.get('account')], null),
  };
};

const mapDispatchToProps = (dispatch, { conversationId }) => ({
  markRead: () => dispatch(markConversationRead(conversationId)),
});

export default connect(mapStateToProps, mapDispatchToProps)(Conversation);