Proyectos de Subversion LeadersLinked - SPA

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

import { axios } from '@app/utils';
import { useFetch } from '@hooks';
import { addNotification } from '@app/redux/notification/notification.actions';

export function usePosts(postUrl) {
  const { data: post, isLoading, mutate } = useFetch(postUrl);
  const [comments, setComments] = useState([]);

  const dispatch = useDispatch();

  const getComments = (url) => {
    axios.get(url).then((response) => {
      const { data, success } = response.data;

      if (!success) {
        const errorMessage = typeof data === 'string' ? data : 'Error interno. Intente más tarde.';

        dispatch(addNotification({ style: 'danger', msg: errorMessage }));
        return;
      }

      setComments(data);
    });
  };

  const updateTotalShare = (value) => {
    mutate((prevPost) => ({
      ...prevPost,
      total_share_external: value
    }));
  };

  const updateReactions = (reactions) => {
    mutate((prevPost) => ({ ...prevPost, reactions }));
  };

  const updateMyReaction = (reaction) => {
    mutate((prevPost) => ({ ...prevPost, my_reaction: reaction }));
  };

  const addComment = (comment) => {
    const formData = new FormData();
    formData.append('comment', comment);

    axios
      .post(post.comments_add_url, formData)
      .then((response) => {
        const { success, data } = response.data;

        if (!success) {
          const errorMessage =
            typeof data === 'string' ? data : 'Error interno. Intente más tarde.';
          throw new Error(errorMessage);
        }

        setComments((prevComments) => [...prevComments, data]);
      })
      .catch((error) => {
        dispatch(addNotification({ style: 'danger', msg: error.message }));
      });
  };

  useEffect(() => {
    if (post.comments_url) getComments(post.comments_url);
  }, [post]);

  return {
    post: { ...post, comments },
    isLoading,
    updateTotalShare,
    addComment,
    updateReactions,
    updateMyReaction
  };
}