Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3631 | Rev 3638 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3628 stevensc 1 
import React, { useEffect, useRef, useState } from 'react';
2 
 
3 
import { useAlert, useApi, useModal, usePagination } from '@shared/hooks';
3633 stevensc 4 
import { saveMessage, reportMessage } from '@inmail/services';
3628 stevensc 5 
import { ReportModal } from '@shared/components';
6 
 
7 
export const useMessages = (conversation) => {
8 
  const [messages, setMessages] = useState([]);
3633 stevensc 9 
  const [reportedUrl, setReportedUrl] = useState(null);
3628 stevensc 10 
  const messagesEndRef = useRef(null);
11 
 
12 
  const { items, loading, elementRef, resetPagination } = usePagination(conversation?.messages_url);
13 
 
14 
  const { showError, showSuccess } = useAlert();
3630 stevensc 15 
  const { showModal, closeModal } = useModal();
3628 stevensc 16 
 
17 
  const { execute } = useApi(saveMessage, {
18 
    onSuccess: (data) => {
19 
      setMessages([data, ...messages]);
20 
    },
21 
    onError: (error) => {
22 
      showError(error.message);
23 
    }
24 
  });
25 
 
26 
  const { execute: executeReport } = useApi(reportMessage, {
3631 stevensc 27 
    onSuccess: (data) => {
28 
      setMessages((prevMessages) =>
29 
        prevMessages.map((message) =>
3633 stevensc 30 
          message.abuse_report_url === reportedUrl
3631 stevensc 31 
            ? { ...message, content: 'Contenido reportado', contentType: 'text' }
32 
            : message
33 
        )
34 
      );
35 
      closeModal();
36 
      showSuccess(data);
3633 stevensc 37 
      setReportedUrl(null);
3631 stevensc 38 
    },
3628 stevensc 39 
    onError: (error) => {
40 
      showError(error.message);
3633 stevensc 41 
      setReportedUrl(null);
3628 stevensc 42 
    }
43 
  });
44 
 
45 
  const sendMessage = async (message) => {
46 
    if (!conversation?.save_url) return;
47 
    await execute(conversation.save_url, message);
48 
    messagesEndRef.current?.scrollIntoView({
49 
      behavior: 'smooth',
50 
      block: 'end'
51 
    });
52 
  };
53 
 
3633 stevensc 54 
  const handleReport = (url) => {
3628 stevensc 55 
    showModal(
56 
      'Reportar mensaje',
3633 stevensc 57 
      <ReportModal onSubmit={(report) => executeReport(url, report)} />
3628 stevensc 58 
    );
59 
  };
60 
 
61 
  useEffect(() => {
62 
    setMessages(items);
63 
  }, [items]);
64 
 
65 
  return {
66 
    messages,
67 
    loading,
68 
    messagesEndRef,
69 
    elementRef,
70 
    resetPagination,
71 
    sendMessage,
72 
    reportMessage: handleReport
73 
  };
74 
};