mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-01-13 06:47:28 -08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Rename query params on targets page, fix pool limit

Browse source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-08-28 14:57:12 +02:00
parent d22e721d39
commit 0018b29489
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx
View file

@ -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={<IconSearch size={14} />}
placeholder="Filter by endpoint or labels"
value={searchFilter || ""}
onChange={(event) => setSearchFilter(event.currentTarget.value)}
onChange={(event) =>
setSearchFilter(event.currentTarget.value || null)
}
></TextInput>
<ActionIcon
size="input-sm"