mirrors/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-08-06 06:07:11 +02:00
Code Issues Projects Releases Wiki Activity

mantine-ui: add query warnings display to graph view

Browse Source 
Signed-off-by: Julien Pivotto <291750+roidelapluie@users.noreply.github.com>
This commit is contained in:
Julien Pivotto 2025-06-19 11:57:32 +02:00
parent 69906bb4f5
commit 8dcb0ba24a
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/ui/mantine-ui/src/pages/query/Graph.tsx
View File

@ -84,6 +84,20 @@ const Graph: FC<GraphProps> = ({
range: UPlotChartRange; range: UPlotChartRange;
} | null>(null); } | null>(null);
// Helper function to render warnings.
const renderWarnings = (warnings?: string[]) => {
return warnings?.map((w, idx) => (
<Alert
key={idx}
color="red"
title="Query warning"
icon={<IconAlertTriangle />}
>
{w}
</Alert>
));
};
useEffect(() => { useEffect(() => {
if (data !== undefined) { if (data !== undefined) {
setDataAndRange({ setDataAndRange({
@ -148,9 +162,12 @@ const Graph: FC<GraphProps> = ({
if (result.length === 0) { if (result.length === 0) {
return ( return (
<Alert title="Empty query result" icon={<IconInfoCircle />}> <Stack>
This query returned no data. <Alert title="Empty query result" icon={<IconInfoCircle />}>
</Alert> This query returned no data.
</Alert>
{renderWarnings(dataAndRange.data.warnings)}
</Stack>
); );
} }
@ -166,6 +183,7 @@ const Graph: FC<GraphProps> = ({
graphing the equivalent instant vector selector instead. graphing the equivalent instant vector selector instead.
</Alert> </Alert>
)} )}
{renderWarnings(dataAndRange.data.warnings)}
<Box pos="relative" ref={ref} className={classes.chartWrapper}> <Box pos="relative" ref={ref} className={classes.chartWrapper}>
<LoadingOverlay <LoadingOverlay
visible={isFetching} visible={isFetching}