Proyectos de Subversion LeadersLinked - Backend

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