Proyectos de Subversion LeadersLinked - Antes de SPA

/* 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