1
0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-22 09:13:37 +01:00
umami/hooks/useFetch.js

63 lines
1.7 KiB
JavaScript
Raw Normal View History

import { useState, useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { get } from 'lib/web';
import { updateQuery } from 'redux/actions/queries';
2020-10-01 07:34:16 +02:00
import { useRouter } from 'next/router';
2020-10-09 21:39:03 +02:00
export default function useFetch(url, options = {}, update = []) {
const dispatch = useDispatch();
2020-11-10 06:01:53 +01:00
const [response, setResponse] = useState();
const [error, setError] = useState();
const [loading, setLoadiing] = useState(false);
2020-10-11 07:36:55 +02:00
const [count, setCount] = useState(0);
2020-10-01 07:34:16 +02:00
const { basePath } = useRouter();
2020-10-11 07:36:55 +02:00
const { params = {}, disabled, headers, delay = 0, interval, onDataLoad } = options;
2020-10-11 07:36:55 +02:00
async function loadData(params) {
try {
setLoadiing(true);
setError(null);
const time = performance.now();
2020-11-10 06:01:53 +01:00
const { data, status, ok } = await get(`${basePath}${url}`, params, headers);
dispatch(updateQuery({ url, time: performance.now() - time, completed: Date.now() }));
if (status >= 400) {
setError(data);
2020-11-10 06:01:53 +01:00
setResponse({ data: null, status, ok });
} else {
2020-11-10 06:01:53 +01:00
setResponse({ data, status, ok });
}
2020-10-09 21:39:03 +02:00
onDataLoad?.(data);
} catch (e) {
console.error(e);
setError(e);
} finally {
setLoadiing(false);
}
}
useEffect(() => {
2020-10-09 08:26:05 +02:00
if (url && !disabled) {
2020-10-11 07:36:55 +02:00
const id = setTimeout(() => loadData(params), delay);
return () => {
clearTimeout(id);
};
2020-10-09 21:39:03 +02:00
}
2020-10-11 07:36:55 +02:00
}, [url, !!disabled, count, ...update]);
2020-10-09 21:39:03 +02:00
useEffect(() => {
2020-10-11 07:36:55 +02:00
if (interval && !disabled) {
const id = setInterval(() => setCount(state => state + 1), interval);
2020-10-11 07:36:55 +02:00
return () => {
clearInterval(id);
};
}
}, [interval, !!disabled]);
2020-11-10 06:01:53 +01:00
return { ...response, error, loading };
}