mastodon/app/javascript/mastodon/features/ui/components/messaging/contacts-list.js

import React from 'react';
import { isStaff } from '../../../../initial_state';

export default class ContactsList extends React.PureComponent {

  submitCompose() {

  }

  render() {

    // return (
    //   <div >
    //     liste de contacts
    //   </div >
    // );
    const contactlist = ['machin', 'bidule', 'chuck norris'];
    const conversationList = ['machin', 'bidule', 'chuck norris'];

    return (
      <div className='messaging-container'>
        <div className='messaging-box'>
          <div className='title'>
            <i
              role='img'
              className='fa fa-envelope column-header__icon fa-fw'
            />
            Messaging box
            {isStaff &&
            <span >
            Je suis admin oui oui
            </span >
            }
          </div >
          <div className='user-list column-header'>
            <h2 className='title'>la liste de contacts</h2 >
            <ul className='contact-list'>
              {contactlist.forEach(elem => {
                return (
                  <li className='contact-item'>
                    {elem}
                  </li >
                );
              })}
            </ul >
          </div >

        </div >
        <div className='conversations_list'>
          <ul >
            {conversationList.forEach(elem => {
              return (
                <div className='conversation'>
                  {elem}
                </div >
              );
            })}

          </ul >
        </div >
      </div >
    );
  }

}