mastodon/app/javascript/mastodon/features/ui/components/messaging/conversationStack.js

import React from 'react';

import PropTypes from 'prop-types';
import { mockContactList } from './mockContactList';

const following = mockContactList;

export default class ConversationStack extends React.Component {

  static propTypes = {
    following: PropTypes.array,
    // conversations: PropTypes.array,
  };

  static defaultProps = {
    following: following,
  };

  openConversationWith(account) {
    console.log('openConversationWith name', account.username);
  }

  render() {

    return this.props.following.map(elem =>

      (<li className='user-item'>
        <div
          className='username'
          onClick={this.openConversationWith(elem)}
        >
          Machin {elem.username}
        </div >
        <div className='last-active'>3 min</div >
      </li >),
    );
  };

}