diff --git a/src/components/fleet/event-log.tsx b/src/components/fleet/event-log.tsx index b225e06..b8fa89b 100644 --- a/src/components/fleet/event-log.tsx +++ b/src/components/fleet/event-log.tsx @@ -32,10 +32,11 @@ function formatTime(date: Date | string): string { export function EventLog({ nodeId, range }: EventLogProps) { const trpc = useTRPC(); - const { data: events, isLoading } = useQuery({ + const { data, isLoading } = useQuery({ ...trpc.fleet.getStatusTimeline.queryOptions({ nodeId, range }), refetchInterval: 15_000, }); + const events = data?.events; if (isLoading) { return ( diff --git a/src/components/fleet/status-timeline.tsx b/src/components/fleet/status-timeline.tsx index 565b823..51a3d8b 100644 --- a/src/components/fleet/status-timeline.tsx +++ b/src/components/fleet/status-timeline.tsx @@ -55,10 +55,12 @@ function formatDuration(ms: number): string { export function StatusTimeline({ nodeId, range, onRangeChange }: StatusTimelineProps) { const trpc = useTRPC(); - const { data: events, isLoading, dataUpdatedAt } = useQuery({ + const { data, isLoading, dataUpdatedAt } = useQuery({ ...trpc.fleet.getStatusTimeline.queryOptions({ nodeId, range }), refetchInterval: 15_000, }); + const events = data?.events; + const nodeStatus = data?.nodeStatus ?? "UNKNOWN"; type Segment = { status: string; @@ -82,7 +84,7 @@ export function StatusTimeline({ nodeId, range, onRangeChange }: StatusTimelineP if (events !== undefined && now > 0) { if (events.length === 0) { - segs.push({ status: "UNKNOWN", start: rangeStart, end: now }); + segs.push({ status: nodeStatus, start: rangeStart, end: now }); } else { // First segment: from range start to first event const firstStatus = events[0].fromStatus ?? "UNKNOWN"; @@ -98,7 +100,7 @@ export function StatusTimeline({ nodeId, range, onRangeChange }: StatusTimelineP } return { segments: segs, totalMs: now - rangeStart }; - }, [events, range, dataUpdatedAt]); + }, [events, nodeStatus, range, dataUpdatedAt]); return (