Basis for Upstreams UI

frontend/src/hooks/index.ts

@@ -8,5 +8,6 @@ export * from "./useHealth";
 export * from "./useHosts";
 export * from "./useNginxTemplates";
 export * from "./useSettings";
+export * from "./useUpstreams";
 export * from "./useUser";
 export * from "./useUsers";

frontend/src/hooks/useUpstreams.ts

@@ -0,0 +1,41 @@
+import {
+	getUpstreams,
+	HostsResponse,
+	tableSortToAPI,
+	tableFiltersToAPI,
+} from "api/npm";
+import { useQuery } from "react-query";
+
+const fetchUpstreams = (
+	offset = 0,
+	limit = 10,
+	sortBy?: any,
+	filters?: any,
+) => {
+	return getUpstreams(
+		offset,
+		limit,
+		tableSortToAPI(sortBy),
+		tableFiltersToAPI(filters),
+	);
+};
+
+const useUpstreams = (
+	offset = 0,
+	limit = 10,
+	sortBy?: any,
+	filters?: any,
+	options = {},
+) => {
+	return useQuery<HostsResponse, Error>(
+		["upstreams", { offset, limit, sortBy, filters }],
+		() => fetchUpstreams(offset, limit, sortBy, filters),
+		{
+			keepPreviousData: true,
+			staleTime: 15 * 1000, // 15 seconds
+			...options,
+		},
+	);
+};
+
+export { fetchUpstreams, useUpstreams };