feat(web): add client-side telemetry for API calls, errors, and scan operations

This commit is contained in:
MythEclipse
2026-06-08 01:23:51 +07:00
parent 89dcbe8fa2
commit 64dcfa70d8
3 changed files with 25 additions and 1 deletions
+6
View File
@@ -18,6 +18,7 @@ import { Modal } from "@/components/ui/modal";
import { DiagnosisStatusBadge } from "@/components/diagnosis-status-badge";
import type { DiagnosisRecord } from "@zeavis/shared";
import { apiClient } from "@/lib/api-client";
import { trackScan, trackDiagnosisResult } from "@/lib/telemetry";
export function ScanPage() {
const [fileName, setFileName] = useState<string | null>(null);
@@ -31,6 +32,7 @@ export function ScanPage() {
const mutation = useMutation({
mutationFn: (file: File) => apiClient.createDiagnosis(file),
onSuccess: (diagnosis) => {
trackDiagnosisResult(diagnosis.status !== "failed");
queryClient.invalidateQueries({ queryKey: ["diagnoses"] });
setDiagnosisPreview(diagnosis);
setPreviewOpen(true);
@@ -38,6 +40,9 @@ export function ScanPage() {
setPreviewUrl(null);
if (inputRef.current) inputRef.current.value = "";
},
onError: () => {
trackDiagnosisResult(false);
},
});
const handleFile = (f?: File) => {
@@ -61,6 +66,7 @@ export function ScanPage() {
const handleUpload = () => {
const file = inputRef.current?.files?.[0];
if (!file) return;
trackScan();
mutation.mutate(file);
};