Proyectos de Subversion LeadersLinked - SPA

import React, { useRef, useState } from 'react';
import { useDispatch } from 'react-redux';

import { axios, scrollToBottom } from '@utils';
import { useMessages } from '@hooks';
import { addNotification } from '@store/notification/notification.actions';

import Chat from '@components/chat/Chat';
import MessagesList from './MessageList0';
import ConfirmModal from '@components/modals/ConfirmModal';
import Options from '@components/UI/Option';

const InmailChat = ({ conversation, changeConversation }) => {
  const [isShowConfirm, setIsShowConfirm] = useState(false);
  const messagesList = useRef(null);
  const dispatch = useDispatch();

  const { messages, loadMore, loading, report } = useMessages(conversation?.messages_link);

  const deleteConversation = () => {
    axios.post(conversation.delete_link).then((response) => {
      const { success, data } = response.data;

      if (!success) {
        dispatch(addNotification({ style: 'danger', msg: data }));
        return;
      }

      dispatch(addNotification({ style: 'success', msg: data }));
      toggleConfirmModal();
      changeConversation(null);
    });
  };

  const toggleConfirmModal = () => {
    setIsShowConfirm(!isShowConfirm);
  };

  return (
    <>
      <Chat>
        <Chat.Header onClose={() => changeConversation(null)}>
          <Chat.Title url={conversation.profile}>{conversation.name}</Chat.Title>
          <Options>
            {conversation.delete_link && (
              <Options.Item onClick={toggleConfirmModal}>Borrar convesación</Options.Item>
            )}
          </Options>
        </Chat.Header>

        <MessagesList
          messages={messages}
          onReport={report}
          onPagination={loadMore}
          loading={loading}
          scrollRef={messagesList}
        />

        <Chat.SubmitForm
          sendUrl={conversation.send_link}
          uploadUrl={conversation.send_link}
          onSubmit={() => scrollToBottom(messagesList)}
        />
      </Chat>
      <ConfirmModal
        show={isShowConfirm}
        onClose={toggleConfirmModal}
        onAccept={deleteConversation}
      />
    </>
  );
};

export default InmailChat;