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

  }

}