jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): design review - saved search

Browse source
This commit is contained in:
sylenien 2022-05-20 12:55:34 +02:00 • committed by Delirium
parent 144f596144
commit a489a8b77e
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/shared/SavedSearch/SavedSearch.tsx
View file

@ -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>

4
frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
View file

@ -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)