diff --git a/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx b/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx index 399d1a458d..84fca3d162 100644 --- a/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx +++ b/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx @@ -12,7 +12,7 @@ import { IconSearch, } from "@tabler/icons-react"; import { StateMultiSelect } from "../../components/StateMultiSelect"; -import { Suspense } from "react"; +import { Suspense, useState } from "react"; import badgeClasses from "../../Badge.module.css"; import { useAppDispatch, useAppSelector } from "../../state/hooks"; import { @@ -45,7 +45,11 @@ export default function TargetsPage() { const dispatch = useAppDispatch(); + const poolDefaultPlaceholder = "Select scrape pool"; + const [scrapePool, setScrapePool] = useQueryParam("pool", StringParam); + const [poolPlaceholder, setPoolPlaceholder] = useState(poolDefaultPlaceholder); + const [poolSelecting, setPoolSelecting] = useState(false); const [healthFilter, setHealthFilter] = useQueryParam( "health", withDefault(ArrayParam, []) @@ -78,15 +82,23 @@ export default function TargetsPage() { <>