status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-28 02:50:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: search and filter structure

Browse Source
This commit is contained in:
RadoslavDimchev 2023-11-10 22:19:44 +02:00
parent 584fd9679f
commit ec69bd6594
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
View File

@ -67,16 +67,16 @@ const ManagementTable = () => {
return ( return (
<YStack> <YStack>
<XStack justifyContent="space-between"> <XStack space={'$3'} justifyContent="space-between" alignItems="center">
<SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} /> <SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} />
<Stack style={{ position: 'relative', display: 'inline-block' }}> <Stack style={{ position: 'relative', display: 'flex', alignItems: 'center' }}>
<SortIcon <SortIcon
size={20} size={20}
color="#647084" color="#647084"
style={{ style={{
border: '1px solid #DCE0E5', border: '1px solid #DCE0E5',
borderRadius: '10px', borderRadius: '10px',
padding: '6px', padding: '8px',
cursor: 'pointer', cursor: 'pointer',
}} }}
/> />

18
src/pages/ValidatorManagement/ManagementTable/SearchManagement.tsx
View File

@ -8,14 +8,16 @@ type SearchManagementProps = {
const SearchManagement = ({ searchValue, changeSearchValue }: SearchManagementProps) => { const SearchManagement = ({ searchValue, changeSearchValue }: SearchManagementProps) => {
return ( return (
<Input <div style={{width: '100%'}} >
placeholder="Filter Validators" <Input
value={searchValue} placeholder="Filter Validators"
onChangeText={changeSearchValue} value={searchValue}
icon={<SearchIcon size={20} />} onChangeText={changeSearchValue}
onClear={() => changeSearchValue('')} icon={<SearchIcon size={20} />}
size={40} onClear={() => changeSearchValue('')}
/> size={40}
/>
</div>
) )
} }