Proyectos de Subversion LeadersLinked - SPA

import { useEffect, useRef, useState } from 'react';

import { useAlert, useApi, usePagination } from '@shared/hooks';

import { saveMessage } from '@inmail/services';

export const useMessages = (url) => {

  const [messages, setMessages] = useState([]);

  const messagesEndRef = useRef(null);

  const { items, loading, elementRef, resetPagination } = usePagination(url);

  const { showError } = useAlert();

  const { execute } = useApi(saveMessage, {

    onSuccess: (data) => {

      setMessages([...messages, data]);

    },

    onError: (error) => {

      showError(error.message);

    }

  });

  const sendMessage = async (message) => {

    await execute(url, message);

    messagesEndRef.current?.scrollIntoView({

      behavior: 'smooth',

      block: 'end'

    });

  };

  const reportMessage = (message) => {

    console.log(message);

    // TODO: Implementar reporte de mensaje

  };

  useEffect(() => {

    setMessages(items);

  }, [items]);

  return {

    messages,

    loading,

    messagesEndRef,

    elementRef,

    resetPagination,

    sendMessage,

    reportMessage

  };

};