diff --git a/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx b/web/ui/mantine-ui/src/pages/targets/TargetsPage.tsx index 75d7bd2f4e..9902c11120 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 { @@ -52,7 +52,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, emptyHealthFilter) @@ -86,15 +90,23 @@ export default function TargetsPage() { <>