From 089610e3102964973be04263847c277d3dd3e50b Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 25 Nov 2022 15:46:18 +0100
Subject: [PATCH] fix(ui): fix search case

---
 .../components/shared/Filters/FilterModal/FilterModal.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
index 381494abc..421a12837 100644
--- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
@@ -8,19 +8,19 @@ import { filtersMap } from 'Types/filter/newFilter';
 export const getMatchingEntries = (searchQuery: string, filters: Record<string, any>) => {
   const matchingCategories: string[] = [];
   const matchingFilters: Record<string, any> = {};
-
-  if (searchQuery.length === 0) return {
+  const lowerCaseQuery = searchQuery.toLowerCase();
+  if (lowerCaseQuery.length === 0) return {
     matchingCategories: Object.keys(filters),
     matchingFilters: filters,
   };
 
   Object.keys(filters).forEach(name => {
-    if (name.toLocaleLowerCase().includes(searchQuery)) {
+    if (name.toLocaleLowerCase().includes(lowerCaseQuery)) {
       matchingCategories.push(name);
       matchingFilters[name] = filters[name];
     } else {
         const filtersQuery = filters[name]
-        .filter(filterOption => filterOption.label.toLocaleLowerCase().includes(searchQuery))
+        .filter((filterOption: any) => filterOption.label.toLocaleLowerCase().includes(lowerCaseQuery))
 
         if (filtersQuery.length > 0) matchingFilters[name] = filtersQuery
         filtersQuery.length > 0 && matchingCategories.push(name);