Locales cleanup

Author: jc21

frontend/src/api/npm/createCertificate.ts

@@ -0,0 +1,16 @@
+import * as api from "./base";
+import { Certificate } from "./models";
+
+export async function createCertificate(
+	data: Certificate,
+	abortController?: AbortController,
+): Promise<Certificate> {
+	const { result } = await api.post(
+		{
+			url: "/certificates",
+			data,
+		},
+		abortController,
+	);
+	return result;
+}

frontend/src/api/npm/getCertificate.ts

@@ -0,0 +1,13 @@
+import * as api from "./base";
+import { Certificate } from "./models";
+
+export async function getCertificate(
+	id: number,
+	params = {},
+): Promise<Certificate> {
+	const { result } = await api.get({
+		url: `/certificates/${id}`,
+		params,
+	});
+	return result;
+}

frontend/src/api/npm/index.ts

@@ -1,7 +1,9 @@
+export * from "./createCertificate";
 export * from "./createCertificateAuthority";
 export * from "./createDNSProvider";
 export * from "./createUser";
 export * from "./getAccessLists";
+export * from "./getCertificate";
 export * from "./getCertificateAuthorities";
 export * from "./getCertificateAuthority";
 export * from "./getCertificates";
@@ -22,6 +24,7 @@ export * from "./models";
 export * from "./refreshToken";
 export * from "./responseTypes";
 export * from "./setAuth";
+export * from "./setCertificate";
 export * from "./setCertificateAuthority";
 export * from "./setDNSProvider";
 export * from "./setUser";

frontend/src/api/npm/setCertificate.ts

@@ -0,0 +1,17 @@
+import * as api from "./base";
+import { Certificate } from "./models";
+
+export async function setCertificate(
+	id: number,
+	data: any,
+): Promise<Certificate> {
+	if (data.id) {
+		delete data.id;
+	}
+
+	const { result } = await api.put({
+		url: `/certificates/${id}`,
+		data,
+	});
+	return result;
+}

frontend/src/hooks/index.ts

@@ -1,4 +1,5 @@
 export * from "./useAccessLists";
+export * from "./useCertificate";
 export * from "./useCertificateAuthorities";
 export * from "./useCertificateAuthority";
 export * from "./useCertificates";

frontend/src/hooks/useCertificate.ts

@@ -0,0 +1,56 @@
+import {
+	createCertificate,
+	getCertificate,
+	setCertificate,
+	Certificate,
+} from "api/npm";
+import { useMutation, useQuery, useQueryClient } from "react-query";
+
+const fetchCertificate = (id: any) => {
+	return getCertificate(id);
+};
+
+const useCertificate = (id: number, options = {}) => {
+	return useQuery<Certificate, Error>(
+		["certificate", id],
+		() => fetchCertificate(id),
+		{
+			staleTime: 60 * 1000, // 1 minute
+			...options,
+		},
+	);
+};
+
+const useSetCertificate = () => {
+	const queryClient = useQueryClient();
+	return useMutation(
+		(values: Certificate) => {
+			return values.id
+				? setCertificate(values.id, values)
+				: createCertificate(values);
+		},
+		{
+			onMutate: (values) => {
+				const previousObject = queryClient.getQueryData([
+					"certificate",
+					values.id,
+				]);
+
+				queryClient.setQueryData(["certificate", values.id], (old: any) => ({
+					...old,
+					...values,
+				}));
+
+				return () =>
+					queryClient.setQueryData(["certificate", values.id], previousObject);
+			},
+			onError: (error, values, rollback: any) => rollback(),
+			onSuccess: async ({ id }: Certificate) => {
+				queryClient.invalidateQueries(["certificate", id]);
+				queryClient.invalidateQueries("certificate");
+			},
+		},
+	);
+};
+
+export { useCertificate, useSetCertificate };

frontend/src/locale/src/de.json

@@ -56,9 +56,6 @@
 	"certificate-authority.max-domains": {
 		"defaultMessage": "Maximale Domains pro Zertifikat"
 	},
-	"certificate-authority.name": {
-		"defaultMessage": "Name"
-	},
 	"certificate.create": {
 		"defaultMessage": "Zertifikat erstellen"
 	},
@@ -86,9 +83,6 @@
 	"column.max-domains": {
 		"defaultMessage": "Domänen pro Zertifikat"
 	},
-	"column.name": {
-		"defaultMessage": "Name"
-	},
 	"column.servers": {
 		"defaultMessage": "Servers"
 	},
@@ -140,7 +134,7 @@
 	"dns-provider.create": {
 		"defaultMessage": "Erstellen Sie einen DNS-Anbieter"
 	},
-	"dns-provider.name": {
+	"name": {
 		"defaultMessage": "Name"
 	},
 	"dns-providers.title": {

frontend/src/locale/src/en.json

@@ -332,9 +332,6 @@
 	"certificate-authority.max-domains": {
 		"defaultMessage": "Maximum Domains per Certificate"
 	},
-	"certificate-authority.name": {
-		"defaultMessage": "Name"
-	},
 	"certificate.create": {
 		"defaultMessage": "Create Certificate"
 	},
@@ -362,9 +359,6 @@
 	"column.max-domains": {
 		"defaultMessage": "Domains per Cert"
 	},
-	"column.name": {
-		"defaultMessage": "Name"
-	},
 	"column.servers": {
 		"defaultMessage": "Servers"
 	},
@@ -416,7 +410,7 @@
 	"dns-provider.create": {
 		"defaultMessage": "Create DNS Provider"
 	},
-	"dns-provider.name": {
+	"name": {
 		"defaultMessage": "Name"
 	},
 	"dns-providers.title": {

frontend/src/locale/src/fa.json

@@ -56,9 +56,6 @@
 	"certificate-authority.max-domains": {
 		"defaultMessage": "حداکثر دامنه در هر گواهی"
 	},
-	"certificate-authority.name": {
-		"defaultMessage": "نام"
-	},
 	"certificate.create": {
 		"defaultMessage": "ایجاد گواهی"
 	},
@@ -86,9 +83,6 @@
 	"column.max-domains": {
 		"defaultMessage": "دامنه در هر گواهی"
 	},
-	"column.name": {
-		"defaultMessage": "نام"
-	},
 	"column.servers": {
 		"defaultMessage": "Servers"
 	},
@@ -140,7 +134,7 @@
 	"dns-provider.create": {
 		"defaultMessage": "ارائه دهنده DNS ایجاد کنید"
 	},
-	"dns-provider.name": {
+	"name": {
 		"defaultMessage": "نام"
 	},
 	"dns-providers.title": {

frontend/src/modals/AccessListCreateModal.tsx

@@ -97,14 +97,14 @@ function AccessListCreateModal({
 												isInvalid={form.errors.name && form.touched.name}>
 												<FormLabel htmlFor="name">
 													{intl.formatMessage({
-														id: "certificate-authority.name",
+														id: "name",
 													})}
 												</FormLabel>
 												<Input
 													{...field}
 													id="name"
 													placeholder={intl.formatMessage({
-														id: "certificate-authority.name",
+														id: "name",
 													})}
 												/>
 												<FormErrorMessage>{form.errors.name}</FormErrorMessage>