fix: data-trails get data source name for display (#80922)

This commit is contained in:
Darren Janeczek 2024-01-22 09:42:07 -05:00 committed by GitHub
parent 279aa4863b
commit 2210ed50b4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -2,6 +2,7 @@ import { css } from '@emotion/css';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { getDataSourceSrv } from '@grafana/runtime';
import { AdHocFiltersVariable, sceneGraph } from '@grafana/scenes';
import { useStyles2, Stack, Tooltip, Button } from '@grafana/ui';
@ -40,7 +41,7 @@ export function DataTrailCard({ trail, onSelect, onDelete }: Props) {
{dsValue && (
<Stack direction="column" gap={0.5}>
<div className={styles.label}>Datasource</div>
<div className={styles.value}>{getDataSource(trail)}</div>
<div className={styles.value}>{getDataSourceName(dsValue)}</div>
</Stack>
)}
{filters.map((filter, index) => (
@ -70,6 +71,10 @@ function getDataSource(trail: DataTrail) {
return sceneGraph.interpolate(trail, VAR_DATASOURCE_EXPR);
}
function getDataSourceName(dataSourceUid: string) {
return getDataSourceSrv().getInstanceSettings(dataSourceUid)?.name || dataSourceUid;
}
function getStyles(theme: GrafanaTheme2) {
return {
container: css({