Moved v3 code from NginxProxyManager/nginx-proxy-manager-3 to NginxProxyManager/nginx-proxy-manager

frontend/src/hooks/useDNSProvider.ts

@@ -0,0 +1,56 @@
+import {
+	createDNSProvider,
+	getDNSProvider,
+	setDNSProvider,
+	DNSProvider,
+} from "api/npm";
+import { useMutation, useQuery, useQueryClient } from "react-query";
+
+const fetchDNSProvider = (id: any) => {
+	return getDNSProvider(id);
+};
+
+const useDNSProvider = (id: number, options = {}) => {
+	return useQuery<DNSProvider, Error>(
+		["dns-provider", id],
+		() => fetchDNSProvider(id),
+		{
+			staleTime: 60 * 1000, // 1 minute
+			...options,
+		},
+	);
+};
+
+const useSetDNSProvider = () => {
+	const queryClient = useQueryClient();
+	return useMutation(
+		(values: DNSProvider) => {
+			return values.id
+				? setDNSProvider(values.id, values)
+				: createDNSProvider(values);
+		},
+		{
+			onMutate: (values) => {
+				const previousObject = queryClient.getQueryData([
+					"dns-provider",
+					values.id,
+				]);
+
+				queryClient.setQueryData(["dns-provider", values.id], (old: any) => ({
+					...old,
+					...values,
+				}));
+
+				return () =>
+					queryClient.setQueryData(["dns-provider", values.id], previousObject);
+			},
+			onError: (error, values, rollback: any) => rollback(),
+			onSuccess: async ({ id }: DNSProvider) => {
+				queryClient.invalidateQueries(["dns-provider", id]);
+				queryClient.invalidateQueries("dns-providers");
+			},
+		},
+	);
+};
+
+export { useDNSProvider, useSetDNSProvider };