Rev 5334 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
/* eslint-disable react/prop-types */
import React from 'react'
import Message from './Message'
const ChatList = ({
messages = [],
currentPage = 1,
lastPage = 1,
conversationList = null,
loader = null
}) => {
return (
<div className="chat-conversation" ref={conversationList}>
<ul className="conversation-list">
{currentPage < lastPage && <li className='position-relative' ref={loader}><p>Cargando...</p></li>}
{messages.map((message) => (
<li key={message.id}>
<Message message={message} />
</li>
))}
</ul>
</div>
)
}
export default ChatList