fix empty state

This commit is contained in:
Alex Holliday
2026-02-05 18:56:54 +00:00
parent 6e66a18535
commit 0e149fa477
2 changed files with 23 additions and 2 deletions
@@ -99,6 +99,15 @@ const InfrastructureMonitors = () => {
const { summary, count } = monitorsWithChecksData ?? {};
const isLoading = monitorsWithChecksLoading;
// Check if any filters are active
const hasActiveFilters = Boolean(selectedStatus || selectedState || search);
// Show empty state only when there are truly no monitors (not just filtered out)
const effectiveTotalCount =
hasActiveFilters && (summary?.totalMonitors ?? 0) === 0
? 1
: (summary?.totalMonitors ?? 0);
// Delete hook
const { deleteFn, loading: isDeleting } = useDelete();
@@ -117,7 +126,7 @@ const InfrastructureMonitors = () => {
<MonitorBasePageWithStates
loading={isLoading}
error={monitorsWithChecksError}
totalCount={summary?.totalMonitors ?? 0}
totalCount={effectiveTotalCount}
page="infrastructure"
actionLink="/infrastructure/create"
>
+13 -1
View File
@@ -122,11 +122,23 @@ const UptimeMonitorsPage = () => {
const isLoading = monitorsWithChecksLoading;
// Check if any filters are active
const hasActiveFilters = Boolean(
selectedTypes.length > 0 || selectedStatus || selectedState || search
);
// Show empty state only when there are truly no monitors (not just filtered out)
// If filters are active and count is 0, pass 1 to prevent empty state fallback
const effectiveTotalCount =
hasActiveFilters && (summary?.totalMonitors ?? 0) === 0
? 1
: (summary?.totalMonitors ?? 0);
return (
<MonitorBasePageWithStates
loading={isLoading}
error={monitorsWithChecksError}
totalCount={summary?.totalMonitors ?? 0}
totalCount={effectiveTotalCount}
page="uptime"
actionLink="/uptime/create"
>