diff --git a/packages/web/src/components/dashboard/Dashboard.tsx b/packages/web/src/components/dashboard/Dashboard.tsx index ac72827..b4d9bed 100644 --- a/packages/web/src/components/dashboard/Dashboard.tsx +++ b/packages/web/src/components/dashboard/Dashboard.tsx @@ -1,7 +1,7 @@ import { Link, useNavigate } from "@tanstack/react-router"; import { motion } from "framer-motion"; import { Boxes, LayoutDashboard, Network, Settings as SettingsIcon } from "lucide-react"; -import { useCallback, useMemo, useState } from "react"; +import { useCallback, useEffect, useMemo, useState } from "react"; import { computeFleetAggregates, DEFAULT_ROW_METRICS, @@ -29,6 +29,12 @@ export function Dashboard() { const [serverFilter, setServerFilter] = useState(ALL_SERVERS); const [metricsById, setMetricsById] = useState>({}); + useEffect(() => { + if (serverFilter !== ALL_SERVERS && !instances.find((i) => i.id === serverFilter)) { + setServerFilter(ALL_SERVERS); + } + }, [instances, serverFilter]); + const onMetrics = useCallback((id: string, m: FleetRowMetrics) => { setMetricsById((prev) => ({ ...prev, [id]: m })); }, []);