diff --git a/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx b/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx
index 2e04303c70..91f9aadf0a 100644
--- a/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx
+++ b/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx
@@ -30,7 +30,7 @@ import ScrapePoolList from "./ScrapePoolsList";
import { useSuspenseAPIQuery } from "../../api/api";
import { ScrapePoolsResult } from "../../api/responseTypes/scrapePools";
-export const targetPoolDisplayLimit = 3;
+export const targetPoolDisplayLimit = 20;
export default function TargetsPage() {
// Load the list of all available scrape pools.
@@ -44,13 +44,13 @@ export default function TargetsPage() {
const dispatch = useAppDispatch();
- const [scrapePool, setScrapePool] = useQueryParam("scrapePool", StringParam);
+ const [scrapePool, setScrapePool] = useQueryParam("pool", StringParam);
const [healthFilter, setHealthFilter] = useQueryParam(
- "healthFilter",
+ "health",
withDefault(ArrayParam, [])
);
const [searchFilter, setSearchFilter] = useQueryParam(
- "searchFilter",
+ "search",
withDefault(StringParam, "")
);
@@ -95,7 +95,7 @@ export default function TargetsPage() {
? badgeClasses.healthOk
: badgeClasses.healthErr
}
- placeholder="Filter by target state"
+ placeholder="Filter by target health"
values={(healthFilter?.filter((v) => v !== null) as string[]) || []}
onChange={(values) => setHealthFilter(values)}
/>
@@ -104,7 +104,9 @@ export default function TargetsPage() {
leftSection={}
placeholder="Filter by endpoint or labels"
value={searchFilter || ""}
- onChange={(event) => setSearchFilter(event.currentTarget.value)}
+ onChange={(event) =>
+ setSearchFilter(event.currentTarget.value || null)
+ }
>