improve web ui

2026-06-26 05:43:34 +00:00
parent 764c814483
commit 187738ed86
73 changed files with 3373 additions and 2847 deletions
@@ -0,0 +1,36 @@
+import { useQueryClient } from "@tanstack/react-query";
+import type { FC } from "react";
+import {
+	getListPairedClientsQueryKey,
+	useListPairedClients,
+	useUnpairClient,
+} from "@/api/gen/clients/clients";
+import { useLocale } from "@/lib/i18n";
+import { m } from "@/paraglide/messages";
+import { ClientsView } from "./view";
+
+export const SectionClients: FC = () => {
+	useLocale();
+	const qc = useQueryClient();
+	const clients = useListPairedClients();
+	const unpair = useUnpairClient();
+
+	const onUnpair = (fingerprint: string) => {
+		if (!confirm(m.clients_unpair_confirm())) return;
+		unpair.mutate(
+			{ fingerprint },
+			{
+				onSuccess: () =>
+					qc.invalidateQueries({ queryKey: getListPairedClientsQueryKey() }),
+			},
+		);
+	};
+
+	return (
+		<ClientsView
+			clients={clients}
+			onUnpair={onUnpair}
+			isUnpairing={unpair.isPending}
+		/>
+	);
+};