mirrors/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-12-07 18:41:22 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #16753 from roidelapluie/add-warning-graph

Browse Source 
mantine-ui: add query warnings display to graph view
This commit is contained in:
Julien 2025-06-19 14:05:35 +02:00 committed by GitHub
commit 76a97ca273
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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;
} | 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(() => {
if (data !== undefined) {
setDataAndRange({
@ -148,9 +162,12 @@ const Graph: FC<GraphProps> = ({
if (result.length === 0) {
return (
<Alert title="Empty query result" icon={<IconInfoCircle />}>
This query returned no data.
</Alert>
<Stack>
<Alert title="Empty query result" icon={<IconInfoCircle />}>
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.
</Alert>
)}
{renderWarnings(dataAndRange.data.warnings)}
<Box pos="relative" ref={ref} className={classes.chartWrapper}>
<LoadingOverlay
visible={isFetching}