comi-logic/cfw-autumn
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: show cloudflare analytics errors in dashboard

Browse Source
This commit is contained in:
杨明明
2026-06-22 19:25:25 -07:00
parent cf6c2c3e36
commit 7a35d66443
2 changed files with 40 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
vite/src/views/customers/customer/analytics/AnalyticsView.tsx
View File

@@ -37,7 +37,7 @@ import {
export const AnalyticsView = () => { export const AnalyticsView = () => {
const [eventNames, setEventNames] = useState<string[]>([]); const [eventNames, setEventNames] = useState<string[]>([]);
const [featureIds, setFeatureIds] = useState<string[]>([]); const [featureIds, setFeatureIds] = useState<string[]>([]);
const [clickHouseDisabled, setClickHouseDisabled] = useState(false); const [analyticsUnavailable, setAnalyticsUnavailable] = useState(false);
const [hasCleared, setHasCleared] = useState(false); const [hasCleared, setHasCleared] = useState(false);
const [groupFilter, setGroupFilter] = useState<string | null>(null); const [groupFilter, setGroupFilter] = useState<string | null>(null);
const [planDeselected, setPlanDeselected] = useState<Set<string>>(new Set()); const [planDeselected, setPlanDeselected] = useState<Set<string>>(new Set());
@@ -267,18 +267,20 @@ export const AnalyticsView = () => {
}, [chartData, chartConfig, groupBy, responseEventNames, totals]); }, [chartData, chartConfig, groupBy, responseEventNames, totals]);
useEffect(() => { useEffect(() => {
if ( const code = (
( error as {
error as { response?: {
response?: { data?: {
data?: { code?: string;
code?: string;
};
}; };
} };
)?.response?.data?.code === ErrCode.TinybirdDisabled }
)?.response?.data?.code;
if (
code === ErrCode.CloudflareAnalyticsUnavailable ||
code === ErrCode.CloudflareAnalyticsUnsupportedQuery
) { ) {
setClickHouseDisabled(true); setAnalyticsUnavailable(true);
} }
}, [error]); }, [error]);
@@ -320,10 +322,10 @@ export const AnalyticsView = () => {
], ],
); );
if (clickHouseDisabled) { if (analyticsUnavailable) {
return ( return (
<div className="flex flex-col items-center justify-center h-full"> <div className="flex flex-col items-center justify-center h-full">
<h3 className="text-sm text-muted-foreground font-bold">Tinybird is disabled</h3> <h3 className="text-sm text-muted-foreground font-bold">Analytics data is unavailable</h3>
</div> </div>
); );
} }

25
vite/tests/views/customers/customer/analytics/analytics-errors-source.test.ts Normal file
View File

@@ -0,0 +1,25 @@
import { readFileSync } from "node:fs";
import { join } from "node:path";
import { describe, expect, test } from "bun:test";
const source = readFileSync(
join(
import.meta.dir,
"../../../../../src/views/customers/customer/analytics/AnalyticsView.tsx",
),
"utf8",
);
describe("AnalyticsView error source", () => {
test("does not expose Tinybird disabled UI", () => {
expect(source).not.toContain("Tinybird is disabled");
expect(source).not.toContain("ErrCode.TinybirdDisabled");
expect(source).not.toContain("clickHouseDisabled");
});
test("handles Cloudflare analytics availability errors", () => {
expect(source).toContain("ErrCode.CloudflareAnalyticsUnavailable");
expect(source).toContain("ErrCode.CloudflareAnalyticsUnsupportedQuery");
expect(source).toContain("Analytics data is unavailable");
});
});