mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 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 { useSuspenseAPIQuery } from "../../api/api";
import { ScrapePoolsResult } from "../../api/responseTypes/scrapePools"; import { ScrapePoolsResult } from "../../api/responseTypes/scrapePools";
export const targetPoolDisplayLimit = 3; export const targetPoolDisplayLimit = 20;
export default function TargetsPage() { export default function TargetsPage() {
// Load the list of all available scrape pools. // Load the list of all available scrape pools.
@ -44,13 +44,13 @@ export default function TargetsPage() {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const [scrapePool, setScrapePool] = useQueryParam("scrapePool", StringParam); const [scrapePool, setScrapePool] = useQueryParam("pool", StringParam);
const [healthFilter, setHealthFilter] = useQueryParam( const [healthFilter, setHealthFilter] = useQueryParam(
"healthFilter", "health",
withDefault(ArrayParam, []) withDefault(ArrayParam, [])
); );
const [searchFilter, setSearchFilter] = useQueryParam( const [searchFilter, setSearchFilter] = useQueryParam(
"searchFilter", "search",
withDefault(StringParam, "") withDefault(StringParam, "")
); );
@ -95,7 +95,7 @@ export default function TargetsPage() {
? badgeClasses.healthOk ? badgeClasses.healthOk
: badgeClasses.healthErr : badgeClasses.healthErr
} }
placeholder="Filter by target state" placeholder="Filter by target health"
values={(healthFilter?.filter((v) => v !== null) as string[]) || []} values={(healthFilter?.filter((v) => v !== null) as string[]) || []}
onChange={(values) => setHealthFilter(values)} onChange={(values) => setHealthFilter(values)}
/> />
@ -104,7 +104,9 @@ export default function TargetsPage() {
leftSection={<IconSearch size={14} />} leftSection={<IconSearch size={14} />}
placeholder="Filter by endpoint or labels" placeholder="Filter by endpoint or labels"
value={searchFilter || ""} value={searchFilter || ""}
onChange={(event) => setSearchFilter(event.currentTarget.value)} onChange={(event) =>
setSearchFilter(event.currentTarget.value || null)
}
></TextInput> ></TextInput>
<ActionIcon <ActionIcon
size="input-sm" size="input-sm"