Proyectos de Subversion LeadersLinked - SPA

import { useState, useEffect } from 'react'

import { axios } from '../utils'

import { useDispatch } from 'react-redux'

import { addNotification } from '../redux/notification/notification.actions'

const useFetch = (url = '', defaultValue = null) => {

  const [data, setData] = useState(defaultValue)

  const [isLoading, setIsLoading] = useState(false)

  const dispatch = useDispatch()

  const getResources = (url = '') => {

    setIsLoading(true)

    setData(null)

    axios

      .get(url)

      .then((response) => {

        const { success, data } = response.data

        if (!success) {

          const errorMessage =

            typeof data === 'string'

              ? data

              : Object.entries(data)

                  .map(([key, value]) => `${key}: ${value}`)

                  .join(', ')

          throw new Error(errorMessage)

        }

        setData(data)

      })

      .catch((err) => {

        dispatch(addNotification({ style: 'danger', msg: err.message }))

      })

      .finally(() => setIsLoading(false))

  }

  useEffect(() => {

    getResources(url)

  }, [])

  return {

    data,

    isLoading

  }

}

export default useFetch