From 408f31f78669a27e92aac41452a4f67dfb44f917 Mon Sep 17 00:00:00 2001
From: Hayk Davtyan <46712946+hayk96@users.noreply.github.com>
Date: Sun, 2 Apr 2023 13:37:58 +0400
Subject: [PATCH] [WebUI/ScrapePoolList] Case-insensitive search of "Scrape
 Pools" (#12207)

Signed-off-by: hayk96 <hayko5999@gmail.com>
---
 .../react-app/src/pages/targets/ScrapePoolList.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/ui/react-app/src/pages/targets/ScrapePoolList.tsx b/web/ui/react-app/src/pages/targets/ScrapePoolList.tsx
index c9e2947e6..29585a200 100644
--- a/web/ui/react-app/src/pages/targets/ScrapePoolList.tsx
+++ b/web/ui/react-app/src/pages/targets/ScrapePoolList.tsx
@@ -31,6 +31,8 @@ const ScrapePoolDropDown: FC<ScrapePoolDropDownProps> = ({ selectedPool, scrapeP
 
   const [filter, setFilter] = useState<string>('');
 
+  const filteredPools = scrapePools.filter((pool) => pool.toLowerCase().includes(filter.toLowerCase()));
+
   return (
     <Dropdown isOpen={dropdownOpen} toggle={toggle}>
       <DropdownToggle caret className="mw-100 text-truncate">
@@ -51,13 +53,11 @@ const ScrapePoolDropDown: FC<ScrapePoolDropDownProps> = ({ selectedPool, scrapeP
         {scrapePools.length === 0 ? (
           <DropdownItem disabled>No scrape pools configured</DropdownItem>
         ) : (
-          scrapePools
-            .filter((name) => filter === '' || name.includes(filter))
-            .map((name) => (
-              <DropdownItem key={name} value={name} onClick={() => onScrapePoolChange(name)} active={name === selectedPool}>
-                {name}
-              </DropdownItem>
-            ))
+          filteredPools.map((name) => (
+            <DropdownItem key={name} value={name} onClick={() => onScrapePoolChange(name)} active={name === selectedPool}>
+              {name}
+            </DropdownItem>
+          ))
         )}
       </DropdownMenu>
     </Dropdown>