watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2025-12-08 05:12:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Updated fetch hook API.

Browse source
This commit is contained in:
Mike Cao 2020-10-09 12:39:03 -07:00
commit 69b317386a
21 changed files with 112 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

26
hooks/useFetch.js
View file

@ -4,14 +4,14 @@ import { get } from 'lib/web';
import { updateQuery } from 'redux/actions/queries';
import { useRouter } from 'next/router';
export default function useFetch(url, params = {}, options = {}) {
export default function useFetch(url, options = {}, update = []) {
const dispatch = useDispatch();
const [data, setData] = useState();
const [status, setStatus] = useState();
const [error, setError] = useState();
const [loading, setLoadiing] = useState(false);
const { basePath } = useRouter();
const { update = [], onDataLoad = () => {}, disabled, headers, interval, delay = 0 } = options;
const { params, disabled, headers, interval, delay = 0, onDataLoad } = options;
async function loadData() {
try {
@ -30,7 +30,7 @@ export default function useFetch(url, params = {}, options = {}) {
}
setStatus(status);
onDataLoad(data);
onDataLoad?.(data);
} catch (e) {
console.error(e);
setError(e);
@ -41,17 +41,17 @@ export default function useFetch(url, params = {}, options = {}) {
useEffect(() => {
if (url && !disabled) {
if (!data) {
setTimeout(() => loadData(), delay);
}
const id = interval ? setInterval(() => loadData(), interval) : null;
return () => {
clearInterval(id);
};
setTimeout(() => loadData(), delay);
}
}, [data, url, disabled, ...update]);
}, [url, disabled, ...update]);
useEffect(() => {
const id = interval ? setInterval(() => loadData(), interval) : null;
return () => {
clearInterval(id);
};
}, [interval, params]);
return { data, status, error, loading };
}