mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

More timestamp handling fixes/improvements

Browse source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-04-03 14:46:55 +02:00
parent 3c44f43815
commit b40a029599
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/ui/mantine-ui/src/pages/StatusPage.tsx
View file

@ -1,6 +1,7 @@
import { Card, Group, Stack, Table, Text } from "@mantine/core"; import { Card, Group, Stack, Table, Text } from "@mantine/core";
import { useSuspenseAPIQuery } from "../api/api"; import { useSuspenseAPIQuery } from "../api/api";
import { IconRun, IconWall } from "@tabler/icons-react"; import { IconRun, IconWall } from "@tabler/icons-react";
import { formatTimestamp } from "../lib/formatTime";
const statusConfig: Record< const statusConfig: Record<
string, string,
@ -11,7 +12,7 @@ const statusConfig: Record<
> = { > = {
startTime: { startTime: {
title: "Start time", title: "Start time",
formatValue: (v: string) => new Date(v).toUTCString(), formatValue: (v: string) => formatTimestamp(new Date(v).valueOf() / 1000),
}, },
CWD: { title: "Working directory" }, CWD: { title: "Working directory" },
reloadConfigSuccess: { reloadConfigSuccess: {

16
web/ui/mantine-ui/src/pages/TSDBStatusPage.tsx
View file

@ -1,6 +1,8 @@
import { Stack, Card, Group, Table, Text } from "@mantine/core"; import { Stack, Card, Group, Table, Text } from "@mantine/core";
import { useSuspenseAPIQuery } from "../api/api"; import { useSuspenseAPIQuery } from "../api/api";
import { TSDBMap } from "../api/responseTypes/tsdbStatus"; import { TSDBMap } from "../api/responseTypes/tsdbStatus";
import { useAppSelector } from "../state/hooks";
import { formatTimestamp } from "../lib/formatTime";
export default function TSDBStatusPage() { export default function TSDBStatusPage() {
const { const {
@ -15,23 +17,27 @@ export default function TSDBStatusPage() {
}, },
} = useSuspenseAPIQuery<TSDBMap>({ path: `/status/tsdb` }); } = useSuspenseAPIQuery<TSDBMap>({ path: `/status/tsdb` });
const useLocalTime = useAppSelector((state) => state.settings.useLocalTime);
const unixToTime = (unix: number): string => { const unixToTime = (unix: number): string => {
try { const formatted = formatTimestamp(unix, useLocalTime);
return `${new Date(unix).toISOString()} (${unix})`; if (formatted === "Invalid Date") {
} catch {
if (numSeries === 0) { if (numSeries === 0) {
return "No datapoints yet"; return "No datapoints yet";
} }
return `Error parsing time (${unix})`; return `Error parsing time (${unix})`;
} }
return formatted;
}; };
const { chunkCount, numSeries, numLabelPairs, minTime, maxTime } = headStats; const { chunkCount, numSeries, numLabelPairs, minTime, maxTime } = headStats;
const stats = [ const stats = [
{ name: "Number of Series", value: numSeries }, { name: "Number of Series", value: numSeries },
{ name: "Number of Chunks", value: chunkCount }, { name: "Number of Chunks", value: chunkCount },
{ name: "Number of Label Pairs", value: numLabelPairs }, { name: "Number of Label Pairs", value: numLabelPairs },
{ name: "Current Min Time", value: `${unixToTime(minTime)}` }, { name: "Current Min Time", value: `${unixToTime(minTime / 1000)}` },
{ name: "Current Max Time", value: `${unixToTime(maxTime)}` }, { name: "Current Max Time", value: `${unixToTime(maxTime / 1000)}` },
]; ];
return ( return (