Elgato_dark/hyperdx
1
0
Fork 0
mirror of https://github.com/hyperdxio/hyperdx synced 2026-04-21 13:37:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

fix: colors display for traces (#860)

Browse source 
Adds a groupby for traces based on statusCodeExpression akin to severityTextExpression for logs. Colors based on message
This commit is contained in:
Aaron Knudtson 2025-05-27 19:19:40 -04:00 committed by GitHub
parent becf06c536
commit fe8ed222f5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/empty-balloons-sin.md Normal file
View file

@ -0,0 +1,5 @@
---
"@hyperdx/app": patch
---
fix: color display on search page for traces

7
packages/app/src/ChartUtils.tsx
View file

@ -14,6 +14,7 @@ import {
DisplayType,
MetricsDataType as MetricsDataTypeV2,
SavedChartConfig,
SourceKind,
SQLInterval,
TSource,
} from '@hyperdx/common-utils/dist/types';
@ -507,8 +508,12 @@ export function formatResponseForTimeChart({
let color: string | undefined = undefined;
if (
source &&
groupColumns.length === 1 &&
groupColumns[0].name === source?.severityTextExpression
groupColumns[0].name ===
(source.kind === SourceKind.Log
? source.severityTextExpression
: source.statusCodeExpression)
) {
color = logLevelColor(row[groupColumns[0].name]);
}

13
packages/app/src/DBSearchPage.tsx
View file

@ -25,6 +25,7 @@ import {
ChartConfigWithDateRange,
DisplayType,
Filter,
SourceKind,
} from '@hyperdx/common-utils/dist/types';
import { splitAndTrimWithBracket } from '@hyperdx/common-utils/dist/utils';
import {
@ -955,6 +956,16 @@ function DBSearchPage() {
return undefined;
}
const variableConfig: any = {};
switch (searchedSource?.kind) {
case SourceKind.Log:
variableConfig.groupBy = searchedSource?.severityTextExpression;
break;
case SourceKind.Trace:
variableConfig.groupBy = searchedSource?.statusCodeExpression;
break;
}
return {
...chartConfig,
select: [
@ -968,8 +979,8 @@ function DBSearchPage() {
granularity: 'auto',
dateRange: searchedTimeRange,
displayType: DisplayType.StackedBar,
groupBy: searchedSource?.severityTextExpression,
with: aliasWith,
...variableConfig,
};
}, [chartConfig, searchedSource, aliasWith, searchedTimeRange]);