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

66 lines
1.5 KiB
JavaScript

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 >
);
}
}