github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 00:32:12 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity

feat(traces): make card title/description reflect active tab (All / Root Spans)

Browse Source
This commit is contained in:
Nawaz Dhandala
2025-10-22 11:44:53 +01:00
parent 2204ebde26
commit bc43e6e6ea
1 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Dashboard/src/Components/Traces/TraceTable.tsx
View File

@@ -96,6 +96,25 @@ const TraceTable: FunctionComponent<ComponentProps> = (
setActiveTab("all");
}, []);
const cardContent: {
title: string;
description: string;
} = useMemo(() => {
if (activeTab === "root") {
return {
title: "Root Spans",
description:
"Root spans act as entry points in a trace. They represent requests without a parent span and help you spot top-level operations quickly.",
};
}
return {
title: "All Spans",
description:
"Collection of spans make up a trace. Spans are the building blocks of a trace and represent individual units of work done in a distributed system.",
};
}, [activeTab]);
const getQueryForActiveTab: Query<Span> = useMemo(() => {
const baseQuery: Query<Span> = {
...(spanQuery || {}),
@@ -273,9 +292,8 @@ const TraceTable: FunctionComponent<ComponentProps> = (
props.isMinimalTable
? undefined
: {
title: "Spans",
description:
"Collection of spans make up a trace. Spans are the building blocks of a trace and represent the individual units of work done in a distributed system.",
title: cardContent.title,
description: cardContent.description,
}
}
query={getQueryForActiveTab}