Prometheus: Add traceID field on top of the exemplar popover (#59920)

Prioritize trace link
This commit is contained in:
Ludovic Viaud 2022-12-08 14:53:07 +01:00 committed by GitHub
parent 1131bac5da
commit 694dc60724
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -70,6 +70,10 @@ export const ExemplarMarker: React.FC<ExemplarMarkerProps> = ({
}, [setIsOpen]);
const renderMarker = useCallback(() => {
// Put the traceID field in front.
const traceIDField = dataFrame.fields.find((field) => field.name === 'traceID') || dataFrame.fields[0];
const orderedDataFrameFields = [traceIDField, ...dataFrame.fields.filter((field) => traceIDField !== field)];
const timeFormatter = (value: number) => {
return dateTimeFormat(value, {
format: systemDateFormats.fullDate,
@ -94,7 +98,7 @@ export const ExemplarMarker: React.FC<ExemplarMarkerProps> = ({
<div>
<table className={styles.exemplarsTable}>
<tbody>
{dataFrame.fields.map((field, i) => {
{orderedDataFrameFields.map((field, i) => {
const value = field.values.get(dataFrameFieldIndex.fieldIndex);
const links = field.config.links?.length
? getFieldLinks(field, dataFrameFieldIndex.fieldIndex)