Proyectos de Subversion LeadersLinked - SPA

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

import { axios } from '@utils'
import { asyncLogout } from '@store/auth/auth.actions'
import { addNotification } from '@store/notification/notification.actions'

export function useFetch(url, defaultValue = {}) {
  const [data, setData] = useState(defaultValue)
  const [isLoading, setIsLoading] = useState(true)
  const dispatch = useDispatch()

  const handleError = (response) => {
    const { success, data } = response.data

    if (!data) {
      return response.data
    }

    if (!success) {
      const errorMessage =
        typeof data === 'string'
          ? data
          : Object.entries(data)
              .map(([key, value]) => `${key}: ${value}`)
              .join(', ')
      throw new Error(errorMessage)
    }

    return data
  }

  const getResources = (url) => {
    if (!url) return

    setIsLoading(true)

    axios
      .get(url)
      .then((response) => handleError(response))
      .then((data) => setData(data))
      .catch((error) => {
        dispatch(addNotification({ style: 'danger', msg: error.message }))
        if (error.message.includes('sesión')) dispatch(asyncLogout())
      })
      .finally(() => setIsLoading(false))
  }

  const refetch = () => getResources(url)

  const mutate = (data) => setData(data)

  useEffect(() => {
    getResources(url)
  }, [url])

  return {
    data,
    mutate,
    isLoading,
    refetch
  }
}