From a489a8b77e0172cfcd3503e54b6ae094f47a23d5 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 20 May 2022 12:55:34 +0200
Subject: [PATCH] fix(ui): design review - saved search

---
 frontend/app/components/shared/SavedSearch/SavedSearch.tsx    | 2 +-
 .../components/SavedSearchModal/SavedSearchModal.tsx          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/SavedSearch/SavedSearch.tsx b/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
index 2965c6a4d..bc1cfbb6f 100644
--- a/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
+++ b/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
@@ -32,7 +32,7 @@ function SavedSearch(props) {
         <div className={cn("flex items-center", { [stl.disabled] : list.size === 0})}>
           <Button outline size="small"
             className="flex items-center"
-            onClick={() => showModal(<SavedSearchModal list={list} />, { right: true })}
+            onClick={() => showModal(<SavedSearchModal />, { right: true })}
           >
             <span className="mr-1">Saved Search</span>
             <span className="font-bold mr-2">{list.size}</span>
diff --git a/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx b/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
index d84c298e5..26d566259 100644
--- a/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
+++ b/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
@@ -85,7 +85,7 @@ function SavedSearchModal(props: Props) {
                 </div>
             )}
             {shownItems.map(item => (
-                <div key={item.key} className="p-4 pb-8 cursor-pointer border-b flex items-center group hover:bg-active-blue" onClick={(e) => onClick(item, e)}>
+                <div key={item.key} className="p-4 pb-10 cursor-pointer border-b flex items-center group hover:bg-active-blue" onClick={(e) => onClick(item, e)}>
                     <Icon name="search" color="gray-medium" size="16" />
                     <div className="ml-4">
                         <div className="text-lg">{item.name} </div>
@@ -111,4 +111,4 @@ function SavedSearchModal(props: Props) {
     )
 }
 
-export default React.memo(connect(null, { applySavedSearch, remove, editSavedSearch })(SavedSearchModal))
+export default connect(state => ({ list: state.getIn([ 'search', 'list' ]) }), { applySavedSearch, remove, editSavedSearch })(SavedSearchModal)