From 183bddd1c4b64aaf986a6de7a5278d93bb6adc2e Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Mon, 4 Jul 2022 15:14:47 +0200
Subject: [PATCH] fix(ui): fix sessions search modal

---
 .../components/shared/Filters/FilterModal/FilterModal.tsx    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
index 502531ada..770b66adc 100644
--- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
@@ -22,7 +22,7 @@ export const getMatchingEntries = (searchQuery: string, filters: Record<string,
         const filtersQuery = filters[name]
         .filter(filterOption => filterOption.label.toLocaleLowerCase().includes(searchQuery))
 
-        matchingFilters[name] = filtersQuery
+        if (filtersQuery.length > 0) matchingFilters[name] = filtersQuery
         filtersQuery.length > 0 && matchingCategories.push(name);
       }
   })
@@ -61,6 +61,7 @@ function FilterModal(props: Props) {
   const isResultEmpty = (!filterSearchList || Object.keys(filterSearchList).length === 0)
     && matchingCategories.length === 0 && Object.keys(matchingFilters).length === 0
 
+    // console.log(matchingFilters)
   return (
     <div className={stl.wrapper} style={{ width: '480px', maxHeight: '380px', overflowY: 'auto'}}>
       <div className={searchQuery && !isResultEmpty ? 'mb-6' : ''} style={{ columns: "auto 200px" }}>
@@ -69,7 +70,7 @@ function FilterModal(props: Props) {
               <div className="mb-6" key={key}>
                 <div className="uppercase font-medium mb-1 color-gray-medium tracking-widest text-sm">{key}</div>
                 <div>
-                  {matchingFilters[key].map((filter: any) => (
+                  {matchingFilters[key] && matchingFilters[key].map((filter: any) => (
                       <div key={filter.label} className={cn(stl.optionItem, "flex items-center py-2 cursor-pointer -mx-2 px-2")} onClick={() => onFilterClick({ ...filter, value: [''] })}>
                         <Icon name={filter.icon} size="16"/>
                         <span className="ml-2">{filter.label}</span>