headplane/app/utils/useAgent.ts

26 lines
652 B
TypeScript

import { useEffect } from 'react';
import { useFetcher } from 'react-router';
import { HostInfo } from '~/types';
export default function useAgent(nodeIds: string[], interval = 3000) {
const fetcher = useFetcher<Record<string, HostInfo>>();
useEffect(() => {
const qp = new URLSearchParams({ node_ids: nodeIds.join(',') });
fetcher.load(`/api/agent?${qp.toString()}`);
const intervalID = setInterval(() => {
fetcher.load(`/api/agent?${qp.toString()}`);
}, interval);
return () => {
clearInterval(intervalID);
};
}, [fetcher, interval, nodeIds]);
return {
data: fetcher.data,
isLoading: fetcher.state === 'loading',
};
}